@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline: none;
	font-family: Helvetica, sans-serif, system, -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue";
}
html {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100vw;
	height: 100%;
	-webkit-text-size-adjust: 100%;
	background: rgba(0,0,0,1);
	padding: env(safe-area-inset);
}
body {
	position: relative;
	font-size: 13px !important;
	font-family: Helvetica, sans-serif, system, -apple-system, BlinkMacSystemFont,
    "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans",
    "Helvetica Neue";
	color: rgba(102,102,102,1);
	line-height: 20px;
	margin: 0;
	width: 100vw;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-font-smoothing: auto !important;
}
html.fixed, html.fixed body, html.fixed #container {
    overflow: hidden;
    height: auto;
}
iframe, img {
	border: none;
}
iframe {
	width: 100%;
	height: 100%;
}
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
h1 {
	font-weight: normal;
}
option {
    color: rgb(0,0,0);
}
input, select, textarea, .text div[data-toggle="datepicker"] {
	height: 44px;
	line-height: 44px;
	font-size: 15px;
	color: rgba(0, 0, 0, 1);
	border: none;
	border-radius: 5px;
	background: rgba(255, 255, 255, 1);
	padding: 0 15px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;
}
input[type="text"]:disabled, input[type="tel"]:disabled {
	background: rgba(255, 255, 255, 0.2);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
   -webkit-transition-delay: 999999999s;
   transition-delay: 999999999s;
}
textarea {
	border-radius: 5px;
	vertical-align: top;
}
.text {
	position: relative;
	width: 200px;
	margin: 0 0 15px 0;
}
.text > span, .dropdown > span {
    position: absolute;
    left: 0;
	width: 44px;
	text-align: center;
	font-size: 24px;
    line-height: 44px;
    z-index: 2;
}
.text input, .text div[data-toggle="datepicker"] {
	width: 100%;
    position: relative;
    padding: 0 15px 0 44px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
select {
	width: 100%; 
	color: rgba(0, 0, 0, 1);
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
    display: block;
	padding: 0 44px 0 15px;
}
select:before {
	content: "\e903";
}
select::-ms-expand { 
    display: none; 
}
@media screen and (min-width:0\0) {
    select {
        background:none\9;
        padding: 5px\9;
    } 
}
.dropdown {
	position: relative;
    display: block;
    width: 200px;
	margin: 0 auto 15px auto;
}
.dropdown .icon-arrow-down {
    width: 44px;
    height: 44px;
	line-height: 44px;
    display: block;
    position: absolute;
    text-align: center;
    right: 0;
    z-index: 2;
}
.btn {
	position: relative;
	display: block;
	width: 360px;
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
	font-size: 15px;
	color: rgba(255,255,255,1);	
	text-align: center;
	cursor: pointer;
	margin: 30px auto;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
	z-index: 1;
}
.btn:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	content: "";
	display: block;
	border-radius: 30px;
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	-webkit-animation: anime 10s linear infinite;
    animation: anime 10s linear infinite;
	z-index: -1;
}
@keyframes anime {
0% {
    background-position: 0% 50%;
}
50% {
    background-position: 100% 50%;
}
100% {
    background-position: 0% 50%;
}
}
.btn:hover:before, #detail.fixed:hover:after {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
	-webkit-filter: brightness(1.1) contrast(1.1); 
    filter: brightness(1.1) contrast(1.1);
} 
.hide {
	visibility: hidden;
}
.remove {
	display: none !important;
	pointer-events: none;
}
.left {
	position: relative;
	float: left;
}
.right {
	position: relative;
	float: right;
}
.blur {
	-webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');
}
textarea::-webkit-scrollbar {
  width: 6px;
  cursor: pointer;
  background: none;
}
textarea::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.4);
  border-radius: 4px;
}
#map-location, #portal-location {
    height: 100%;
    right: 0;
    top: 0;
	z-index: 1;
	margin: 0;
	border-radius: 0;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Map */
[id^="map"], [id*="map"] {
	height: 100%;
	overflow: hidden;
}

/* Tool Tip */
[tooltip]:before {            
    position : absolute;
    content : attr(tooltip);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
[tooltip]:hover:before {        
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}

/* Icon */
@font-face {
	font-family: 'icon';
	src: url('../font/icon.eot?ububc2');
	src: url('../font/icon.eot?ububc2#iefix') format('embedded-opentype'),
    url('../font/icon.ttf?ububc2') format('truetype'),
    url('../font/icon.woff?ububc2') format('woff'),
    url('../font/icon.svg?ububc2#icon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"], .fc-icon {
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 24px;
}
.icon-arrow-down:before {
  	content: "\e900";
}
.icon-arrow-left:before {
 	content: "\e901";
}
.icon-arrow-right:before {
	content: "\e902";
}
.icon-arrow-up:before {
	content: "\e903";
}
.icon-check-circle:before {
	content: "\e904";
}
.icon-error:before {
	content: "\e905";
}
.icon-account:before {
	content: "\e906";
}
.icon-mail:before {
	content: "\e907";
}
.icon-lock:before {
	content: "\e908";
}
.icon-name:before {
	content: "\e909";
}
.icon-phone:before {
	content: "\e910";
}
.icon-birth:before {
	content: "\e911";
}
.icon-gender:before {
	content: "\e912";
}
.icon-text:before {
	content: "\e913";
}
.icon-search:before {
	content: "\e914";
}
.icon-lock-check:before {
	content: "\e915";
}
.icon-upload:before {
	content: "\e916";
}
.icon-logout:before {
	content: "\e917";
}
.icon-order-in:before {
	content: "\e918";
}
.icon-to-go:before {
	content: "\e919";
}
.icon-for-here:before {
	content: "\e920";
}
.icon-plus:before {
	content: "\e921";
}
.icon-minus:before {
	content: "\e922";
}
.icon-close:before {
	content: "\e923";
}
.icon-check:before {
	content: "\e924";
}
.icon-info:before {
	content: "\e925";
}
.icon-play:before {
	content: "\e926";
}
.icon-rating:before {
	content: "\e927";
}
.icon-add:before {
	content: "\e928";
}
.icon-forbid:before {
	content: "\e929";
}
.icon-help:before {
	content: "\e930";
}
.icon-store:before {
	content: "\e931";
}
.icon-offer:before {
	content: "\e932";
}
.icon-awe:before {
	content: "\e933";
}
.icon-verify:before {
	content: "\e934";
}

/* Ad */
.ad1, .ad2, .ad3 {
    position: relative;
	width: 100%;
	margin: 50px auto 0 auto;
	text-align:center;
	overflow: hidden;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	background: rgba(255,255,255,1);
	border-radius: 5px;
	-webkit-appearance: none;	
	z-index: 1;
}
.ad1, .ad1 ins {
	width: 845px;
    height: 90px;
	padding: 0;
}
.ad2 {
    height: 90px;
    white-space: nowrap;
    background: none;
	border-radius: 0;
    box-shadow: none;
	height: auto;
	padding: 0;
	width: 1275px;
}
.ad2 a:last-child {
    padding: 0 0 0 12px;
}
.ad3 {
	width: 415px;
	height: 360px;
	padding: 0;
	margin: 50px auto 0 auto;
}
.ad3 div {	
	cursor: pointer;
	text-align: left;
	padding: 217px 0 10px 0;	
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	line-height: normal;
}
.ad3 img {
    width: auto;
	height: 217px;
	position: absolute;
    top: 0;
	left: 50%;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
.ad3 h1 {
	width: 385px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	font-weight: normal !important;
	color: rgba(0,0,0,1);
	font-size: 18px !important;
	text-align: left !important;
	line-height: 25px !important;
	padding: 0 15px !important;
	margin: 10px 0 !important;
	width: 100% !important;
	border: none;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
.ad3 p {
	font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    color: rgba(102,102,102,1);
	padding: 0 15px;
	margin: 0 0 20px 0;
	height: 40px;
    width: 100%;
	box-sizing: border-box;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    /*text-justify: inter-ideograph;*/
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
.ad3 h1:hover, .ad3 p:hover, .ad3 a:hover {
	color: rgb(138,154,154);
}
.ad3 img:hover {
	/*opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";*/
}
.ad3 span {
    color: rgba(255,255,255,1);
    border-radius: 2px;
    margin: 0 5px 0 15px;
    padding: 2px;
	font-size: 11px;
	float: left;
    line-height: normal;
}
.ad3 a {
	line-height: 21px;
	color: rgba(102,102,102,1);
}
.ad3 .btn {
	border: rgba(102,102,102,1) 1px solid !important;
    padding: 7px 16px;
    border-radius: 2px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    float: right;
    margin: -8px 15px 0 0 !important;
    color: rgba(102,102,102,1) !important;
    background: none !important;
    width: auto !important;
    height: auto;
    line-height: inherit;
	bottom: auto !important;
    right: auto !important;
}
.ad3 .btn:before {
	display: none;
}
.ad3 a {
	color: rgba(102,102,102,1);
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
    display: block;
    float: left;
    line-height: 21px;
}
ins {
	background: rgba(255,255,255,1) !important;
}
.ad3 {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
}
.ad3-1, .ad3-2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 415px;
	height: 360px;
}
.ad3-2 {
	width: 320px;
	height: 325px;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
}

/* Badge */
.badge {
    font-size: 12px;
    color: rgb(255,255,255);
    background: rgba(255,255,255,0.8);
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 20px;
    text-align: center;
    display: inline-block;
    font-weight: 300;
    position: absolute;
    opacity: 0;
    top: -3px;
    z-index: 1;
    -webkit-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    transition-delay: 3s;
}
.ready .badge, .ready .badge:before {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.badge:before {
	content: "";
	width: 30px;
    height: 30px;
    border-radius: 30px;
	z-index: -1;
    position: absolute;
    left: -4px;
    top: -4px;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.badge:before {
	background: rgba(250,250,250,0.4);
}
.ready .badge:before {
	animation: pulse 1.2s ease infinite ;
}
@keyframes pulse {
0% {
    transform: scale(1, 1);
}
50% {
    opacity: 0.3;
}
100% {
    transform: scale(1.5);
    opacity: 0;
}
}

/* Notify */
.notify {
	position: absolute;
	width: max-content;
	top: 0;
	height: 0;
	line-height: 0;
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	-o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
  	transition: all .7s cubic-bezier(.25, .8, .25, 1);
	opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    transition: all .7s cubic-bezier(.25, .8, .25, 1);
}
.notify .error:after, .notify .error:before {
    position: absolute;
	content: "";
	right: -10px;
    width: 0;
    height: 0;    
    top: 13px;
    z-index: 2;
    border-style: solid;
    border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent rgba(255, 51, 102, 0.2);
	display: none;
}
.notify .error:before {
    position: absolute;
	z-index: 1;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.6);
}
.notify.on {
	height: auto;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 1;
}
.notify .error {
	position: relative;
	float: left;
	height: 44px;
	line-height: 44px;
	border-radius: 5px;
	color: rgba(255, 51, 102,1);
	background: -moz-linear-gradient(top,  rgba(255,51,102,0.2) 0%,rgba(255,51,102,0.2) 100%), -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); 
	background: -webkit-linear-gradient(top,  rgba(255,51,102,0.2) 0%,rgba(255,51,102,0.2) 100%), -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%); 
	background: linear-gradient(to bottom,  rgba(255,51,102,0.2) 0%,rgba(255,51,102,0.2) 100%), linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0.6) 100%);
	padding: 0 15px;
	display: none;
}
.notify .error.on, .notify .error.on:after, .notify .error.on:before {
	display: block;
}
.notify .error p {
    display: inline-block;
}
.notify .error a, .notify .error a.disable, .notify .error a.disable:hover {
	color: rgba(255, 51, 102,1) !important;
}
.notify .error a:hover {
	color: rgba(255, 102, 0,1) !important;
}
.notify .error a.disable {
	cursor: default;
}

/* Container */
#container {
	position: relative;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;
	min-width: 1366px;
	min-height: 100vh;
}
#container:before, #container:after, #store:after, .meal > li > ul > li .main:after, .meal > li > ul > li .outer:after, .meal > li > ul > li:after, #cart:after, #detail:after, #detail .status:after, #alert:after, #alert .status:after, #discount:after, #discount .status:after, #exchange:after, #exchange .status:after, #container.service > .outer:after, #container.account > .outer:after, #container.search.list > .outer:after, .lg-outer:after, 
#discount:before, #exchange:before, #detail:not(.fixed):before, #cart:before, .deal:before, #alert:before, .lg-outer:before, #filter:before, #filter:after, #filter .result:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
  	height: 100%;
	z-index: 0;
	pointer-events: none;
    touch-action: none;
    overscroll-behavior: none;
}
#container:before, #container:after, .meal > li > ul > li:after, #cart:after, #detail:not(.fixed):after, #alert:after, #discount:after, #exchange:after, #container.account #discount:before, #container.account #exchange:before, #container.account #detail:before, .lg-outer:after,
#discount:before, #exchange:before, #detail:not(.fixed):before, #cart:before, .deal:before, #alert:before, .lg-outer:before, #filter:before, #filter:after, map-search {
    position: fixed;
	z-index: 1;
	background-position: top center;
	background-repeat: no-repeat; 
	background-size: cover;
	-webkit-transition: background-image 1.5s linear;
  	-moz-transition: background-image 1.5s linear;
  	-ms-transition: background-image 1.5s linear;
  	-o-transition: background-image 1.5s linear;
  	transition: background-image 1.5s linear;
}

/* Header */
#header {
	position: relative;
	float: right;
	width: 100%;
	padding: 30px 0 15px 0;
	z-index: 3;
}
#header li {
	height: 50px;
	line-height: 50px;
	color: rgba(255,255,255,1);
	float: right;
	width: 70px;
    margin: 0 0 0 30px;
	font-size: 15px;
	text-align: center;
	cursor: pointer;
	position: relative;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#header ul:hover li, #signin li ul:hover li, #signup li ul:hover li, #signup li .form div ul:hover li, #signup li .form p span:hover a, #footer ul:hover a, #store .cat ul:hover li:not(.on), #cart .meal:hover h1, #cart .meal li.disable h1, #cart .meal li.disable .price, #cart .meal li.disable:hover h1, #cart .meal li.disable .action span, .option .discount.disable, .order ~ .no-result li .discount.disable span, #account > ul > li:nth-child(3) .no-result li .discount.disable span, .list .discount.disable span, .card .discount.disable span {
	opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
#cart .meal li.disable .action span {
	color: rgb(102, 102, 102);
}
#header ul li:hover, #container.store #nav ul li:hover, #container.store #nav ul:hover li.on, #signin li ul li:hover, #signup li ul li:hover, #signup li .form div ul li:hover, #signup li .form p span a:hover, #footer ul a:hover, #store .cat ul  li:not(.on):hover, #cart .meal li:hover h1, .card .discount.disable:after, 
.search #header ul:hover li {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#header .icon-arrow-left {
	position: relative;
	font-size: 32px;
	text-shadow: 0 2px 11px rgba(0, 0, 0, 0.31);
}
#header .icon-account, #header .icon-logout {
	position: relative;
	text-shadow: 0 2px 11px rgba(0, 0, 0, 0.31);
}
#header .icon-account, #header .icon-arrow-left, #header .icon-logout {
	display: none;
}

/* Nav */
#container.store #nav, #container.account #nav, #container.service #nav {
	position: absolute;
	left: 0;
	top: 20px;
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    transition: all .7s cubic-bezier(.25, .8, .25, 1);
	z-index: 4;
	width: 300px;
}
#container.store #nav .thumb, #container.account #nav .thumb, .order ~ .no-result li .thumb, #account > ul > li:nth-child(3) .no-result li .thumb, #account .card li .thumb {
	position: relative;
	width: 100%;
	padding-top: calc(100% / 3 * 4);
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
	-webkit-appearance: none;
	background: rgba(69,69,69,1);
	border-radius: 5px;
	z-index: 4;
}
/* Tank Modify */
#container.store:not(.vip) #nav .thumb {
	cursor: default;
	overflow: hidden;
}
#container.store:not(.vip) #nav .thumb .icon-add {
	color: rgba(255,255,255,0.4);
}
#container.store #nav .thumb img, #container.account #nav .thumb img {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity 1.5s linear;
  	-moz-transition: opacity 1.5s linear;
  	-ms-transition: opacity 1.5s linear;
  	-o-transition: opacity 1.5s linear;
  	transition: opacity 1.5s linear;
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	border-radius: 5px;
}
#container.store.ready #nav .thumb img, #container.account.ready #nav .thumb img {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#container.store #nav .thumb:before, #container.account #nav .thumb:before, .order ~ .no-result li .thumb:before, #account > ul > li:nth-child(3) .no-result li .thumb:before, #account .card li .thumb:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 5px;
	z-index: 0;
}
#container.store #nav:after {
	content: "VIP";
    position: absolute;
    width: 35px;
    height: 65px;
    left: 12px;
    top: -3px;
    background: url(../image/vip.svg) no-repeat bottom center;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
    z-index: 4;
    font-size: 13px;
    color: rgb(95,68,39);
    font-family: serif;
    line-height: 60px;
	-webkit-font-smoothing: antialiased;
}
#container.store #nav .thumb img, #container.account #nav .thumb img, #alert .thumb img, #discount .thumb img, #exchange .thumb img {
	position: absolute;
	width: 100%;
	max-height: none;
	z-index: 1;	
}
#container.store #nav .thumb .line, .order ~ .no-result li .thumb ~ .line, #account > ul > li:nth-child(3) .no-result li .thumb ~ .line, #account .card li .thumb ~ .line, .map li .thumb ~ .line, .gift .line {
	position: absolute;
	display: block;
    width: 75px;
    height: 75px;
	overflow: hidden;
    right: -3px;
    bottom: -3px;
	-webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.31));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.31));
	z-index: 2;
}
#container.store #nav .thumb .line span, .order ~ .no-result li .thumb ~ .line span, #account > ul > li:nth-child(3) .no-result li .thumb ~ .line span, #account .card li .thumb ~ .line span, .map li .thumb ~ .line span, .gift .line span {
    position: absolute;
    display: block;
    width: 110px;
    height: 29px;
    bottom: 10px;
    right: -30px;
	-webkit-backface-visibility: hidden;    
	backface-visibility: hidden;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);	
	background: -moz-linear-gradient(270deg, rgba(128,90,44,1.0) 0%, rgba(240,223,153,1) 50%, rgba(221,188,109,1) 75%, rgba(154,123,56,1.0) 100%);
    background: -webkit-linear-gradient(270deg, rgba(128,90,44,1.0) 0%, rgba(240,223,153,1) 50%, rgba(221,188,109,1) 75%, rgba(154,123,56,1.0) 100%);
    background: linear-gradient(270deg, rgba(128,90,44,1.0) 0%, rgba(240,223,153,1) 50%, rgba(221,188,109,1) 75%, rgba(154,123,56,1.0) 100%);
	color: rgb(95,68,39);
    font-family: serif;
	line-height: 29px;
	text-align: center;
	-webkit-text-stroke: 0.35px
}
#container.store #nav .thumb .line:before, #container.store #nav .thumb .line:after, .order ~ .no-result li .thumb ~ .line:before, .order ~ .no-result li .thumb ~ .line:after, #account > ul > li:nth-child(3) .no-result li .thumb ~ .line:before, #account > ul > li:nth-child(3) .no-result li .thumb ~ .line:after, #account .card li .thumb ~ .line:before, #account .card li .thumb ~ .line:after, .map li .thumb ~ .line:before, .map li .thumb ~ .line:after, .gift .line:before, .gift .line:after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    width: 3px;
	height: 3px;
	background: rgba(154,123,56,1);
	top: 5px;
    right: 0;
	-webkit-filter: drop-shadow(0 22px 32px rgba(0,0,0,0.8));
    filter: drop-shadow(0 22px 32px rgba(0,0,0,0.8));
}
#container.store #nav .thumb .line:after, .order ~ .no-result li .thumb ~ .line:after, #account > ul > li:nth-child(3) .no-result li .thumb ~ .line:after, #account .card li .thumb ~ .line:after, .map li .thumb ~ .line:after, .gift .line:after {
	top: auto;
    right: auto;
	bottom: 0;
    left: 5px;
	width: 3px;
	height: 3px;
}
#container.store #nav ul, #container.service #nav ul {
	position: relative;
	display: inline-block;
	width: 0;
	-webkit-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
	margin: 30px auto 0 auto;
	z-index: 5;
}
#container.service #nav ul, #container.account #nav ul {
	margin: 0 auto;
}
#container.store.ready #nav ul.hide, #container.service.ready #nav ul.hide, #container.account.ready #nav ul.hide, 
#container.store.ready #nav > ul.hide:after, #container.service.ready #nav > ul.hide:after, #container.account.ready #nav > ul.hide:after {
	bottom: calc(-44px * 3);
}
#container.store.ready #nav ul, #container.account.ready #nav ul, #container.service.ready #nav ul {
	width: calc(100% - 30px * 2);
}
#container.store #nav li, #container.account #nav li, #container.service #nav li, #cart .tab li {
	position: relative;
	width: 100%;
	height: 50px;
	line-height: 50px;
	color: rgba(255,255,255,1);
	font-size: 15px;		
	cursor: pointer;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-repeat: no-repeat;
	background-position: -440px 0;
	-webkit-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
}
#container.store.ready #nav li, #container.account.ready #nav li, #container.service.ready #nav li, #container.account.ready #nav li, .cart #cart .tab li {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#container.store.ready #nav li.on, #container.store #nav li:hover, #container.service.ready #nav li.on, #container.service #nav li:hover, .icon-close:hover, #cart .tab li.on, .lg-close:hover {
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
	-webkit-appearance: none;
	background-position: 0 0;  
}
#container.store #nav li.on:hover, #container.service #nav li.on:hover {
	cursor: default;
}
#container.store #nav .thumb .line {
	display:none;
}

/* Store */
#container.store.ready:after, #container.store #alert.signin:after {
	background-image: url(../thumb/banner6.jpg);
	z-index: 0;
}
#container.store > .outer, #container.service > .outer, #container.account > .outer {
	width: 1275px;
    position: relative;
    margin: 0 auto;
}
#store > ul > li > *:not(.meal):not(.fixed):not(.way):not(#cart):not(#detail):not(.discount):not(.form):not(.waiting):not(.done):not(.failed):not(.blacklist):not(.cat), #service > ul > li > *:not(.fixed), #account > ul > li > *:not(.fixed):not(#detail):not(.hide) {
	position: relative;
    z-index: 3;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
#store > ul > li.on > *:not(.fixed):not(.way):not(#cart):not(#detail):not(.discount):not(.form):not(.waiting):not(.done):not(.failed):not(.blacklist):not(.hide):not(.cat), #service > ul > li.on > *:not(.fixed), #account > ul > li.on > *:not(.fixed):not(#detail):not(.hide) {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
#store .form, #store > ul > li > .waiting, #store .done, #store .failed, #store .blacklist, #store .cat {
	position: relative;
    z-index: 3;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
#container.store > .outer:before, #store:before, #container.account > .outer:before, #account:before, #container.service > .outer:before, #service:before, #container.signin h1:before, #container.signin h1:after, #container.contact h1:before, #container.contact h1:after, #container.error h1:before, #container.error h1:after, #filter .cat li:after {
	content: "";
    position: absolute;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 0;
    height: 0;
    -o-text-overflow: clip;
    text-overflow: clip;
    -webkit-transform: skewX(-45deg);
    transform: skewX(-45deg);
    top: 0;
    right: 0;
	-webkit-transition: all 1.0s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.0s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.0s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.0s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.0s cubic-bezier(.25, .8, .25, 1);
    z-index: 2;
}
#container.store.ready > .outer:before, #container.account.ready > .outer:before, #container.service.ready > .outer:before, #filter .cat li.on:after {	
    width: 245px;
    height: 95px;
	right: -45px;
	z-index: 1;
}
#container.account.ready > .outer:before, #container.service.ready > .outer:before {	
	z-index: 2;
}
#container.store #store:before, #container.account #account:before, #container.service #service:before {
    -webkit-transform: none;
    transform: none;
}
#container.store.ready #store:before, #container.account.ready #account:before, #container.service.ready #service:before {
	width: 380px;
    height: 380px;
    bottom: 0;
    right: 0;
    top: auto;
    clip-path: polygon(100% 0, 100% 71%, 71% 100%, 0 100%);
	-webkit-clip-path: polygon(100% 0, 100% 71%, 71% 100%, 0 100%);
}
#container.store #nav.fixed, #container.account #nav.fixed, #container.service #nav.fixed {
	position: fixed;
	left: auto;
	top: 20px;
	z-index: 4;
}
#store, #account, #service {
	position: relative;	
	padding: 50px 95px;
	box-sizing: border-box;
	-webkit-appearance: none;
	float: right;
	overflow: hidden;
}
#store:after {
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	z-index: 1;
}
#store {
	min-height: calc(100vh - 95px - 66px);
	overflow: unset;
}
#store > ul {
	box-sizing: border-box;
	width: 845px;
	margin: 0 auto;
}
#store > ul > li, #service > ul > li, #account > ul > li {
	width: 845px;
	margin: 0 auto;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    height: 0;
	display: flow-root;
	overflow: hidden;	
}
#store > ul > li {
	width: auto;
}
#store > ul > li.on, #service > ul > li.on, #account > ul > li.on, #account .card.on, #account .gift.on, #account .point.on {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: auto;
	height: auto;
	overflow: unset;
	position: relative;
}
#store .ad1, #store .ad3, #service .ad1, #service .ad3, #account .ad1, #account .ad3 {
    position: absolute;
    bottom: 50px;
	z-index: 3;
}
#store > h1, #store .note {
	width: 845px;
	margin: 0 auto;
}
#store > h1, #store h2 {
	color: rgba(0,0,0,1);
	font-size: 30px;
	text-align: center;
    line-height: 44px;
    font-weight: 300;
	width: 100%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	position: relative;
    z-index: 2;
}
#store h2, #store .cat {
	position: relative;
	font-size: 18px;
    line-height: 25px;
	font-weight: normal;
	text-align: left;
	padding: 50px 0 10px 0;
	margin: 0 0 20px 0;
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(138, 154, 154, 0.2);
	color: rgb(0,0,0);
	width: 100%;
}
#store h2 {
	overflow: visible;
}
#store h3, #account h3, #filter h3 {
	color: rgba(102,102,102,1);
	font-size: 13px;
	line-height:  20px;
	font-weight: normal;
	padding: 20px 0;
	text-align: left;
	margin: 0 auto;
	position: relative;
    z-index: 0;
}
#store .form h3, #store .waiting h3 {
	padding-top: 0;
	line-height: 29px;
}
#store .meal h3, #store .list h3 {
	z-index: 2;
}
#store .meal + .btn span:first-child, #store .deal .btn span:first-child, #cart .btn span:first-child {
	position: absolute;
	left: 15px;
}
#store .meal + .btn span:last-child, #store .deal .btn span:last-child, #cart .btn span:last-child {
	position: absolute;
	right: 15px;
}

/* Booking */
#store .form, #store > ul > li > .waiting, #store .done, #store .failed, #store .note, #store .menu, #store .blacklist, #store div.no-result, #service > ul > li.no-result .no-result, #account > ul > li.no-result .no-result, #store .map, #store .google-reviews, #store .instagram, #store .info, #discount .option > li:first-child > div, #exchange .option > li:first-child > div {
	position: relative;
	width: 100%;
	margin: 30px auto 0 auto;
	text-align: center;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear; 
}
#store .form ul, #store > ul > li > .waiting ul {
	position: relative;
	display: inline-block;
}
#store .form li, #store > ul > li > .waiting li, .list .main {
	position: relative;
	float: left;
	margin: 0 60px 0 0;
	text-align: left;
}
#store .waiting h3:before {
	content: "";
}
#store .form li:first-child h3:before, #store .waiting li:first-child h3 + div span, #store > ul > li > .done .number span {
	content: "1";
	transition-delay: 1s;
}
#store .form li:nth-child(2) h3:before {
	content: "2";
	transition-delay: 1.5s;
}
#store .form li:nth-child(3) h3:before {
	content: "3";
	transition-delay: 2s;
}
#store h2:before, #store h3:before, #container.service #header h1, #container.account #header h1, #store .waiting li:first-child h3 + div span, #store > ul > li > .done .number span {
	content: "Note";
	font-style: italic;
	font-size: 100px;
	line-height: 100px;
	position: absolute;
	right: 5px;
	bottom: -15px;
	padding: 0 5px 0 0;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
	transition-delay: 2.5s;
}
#store .map h2 {
	overflow: visible;
}
#store .map h2:before {
	content: "Map";
}
#store .map iframe, #store .menu .lSSlideWrapper, #store .menu .lSSlideOuter .lSPager.lSGallery li, .lg-thumb-item {
	overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    background: rgba(255,255,255,1);
    border-radius: 5px;
}
#store .map iframe:nth-child(3) {
	margin-top: 10px;
}
#store .map [id^="map"], [id*="map"] {
	box-shadow: 0 1px 3px 0 rgb(0 0 0 / 25%);
    background: rgba(255,255,255,1.0);
    border-radius: 5px;
	height: calc((845px / 2) - 150px);
	margin-top: 15px;
}
#store #map-street {
	height: 400px;
}
#store h3:before {
	bottom: auto;
	top: -5px;
	right: -30px;	
	z-index: -1;
}
#container.store.ready #store h2:before, #container.store.ready #store h3:before, #container.service.ready #header h1, #container.account.ready #header h1, #lg-counter, .lSPager li.video:after, #store .waiting li:first-child h3 + div span, #store > ul > li > .done .number span, #discount .counter {
	opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	transform: translateZ(0.1px);
}
#store > ul, #service > ul, #account > ul {
    position: relative;
	padding-bottom: calc(90px + 50px);
}
#store .note ul, #service ul > li > ul {
	padding: 0 0 0 23px;
	line-height: 22px;
    font-size: 14px;
}
#store .note li, #service li li {
	text-align: justify;
    list-style-type: decimal-leading-zero;
    list-style-position: outside;
	width: 100%;
	word-break: break-all;
}
#store .form.hide, #store .form.hide .btn, #store .form.hide h3:before, #store > ul > li > .waiting.hide, #store > ul > li > .waiting.hide .btn, #store > ul > li > .waiting.hide h3:before, #store .done.hide, #store .done.hide .btn, #store .done.hide .icon-check-circle, #store .done.hide .number, #store .failed.hide, #store .failed.hide .btn, #store .failed.hide .icon-error, #store .blacklist.hide, #store .blacklist.hide .btn, #store .blacklist.hide .icon-error, #container.signin .form.hide, #container.signin .done.hide, #container.signin .form.hide .text, #container.signin .form.hide .dropdown, #container.contact .form.hide, #container.contact .done.hide, #container.contact .form.hide .text, #container.signin #signup .done.hide p, #alert .option li.hide, #alert .option li.hide *, #discount .option > li:first-child > div.hide, #exchange .option > li:first-child > div.hide, 
#alert .option li.signin .form.hide, #alert .option li.signin .done.hide, #alert .option li.signin .form.hide .text {
	width: 0;
	height: 0;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: none;
	margin: 0;
	padding: 0;
	line-height: 0;
}
#store .icon-check-circle, #store .icon-error, #service > ul > li .no-result .icon-error, #account > ul > li .no-result .icon-error {
	font-size: 100px;
	margin: 20px auto;
	opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
#store .done p span, #store .failed p span, #store .blacklist p span, #store div.no-result p span, #service > ul > li .no-result p span, #account > ul > li .no-result p span {
	line-height: 25px;
	font-size: 15px;
    color: rgba(0, 0, 0, 1);
	text-align: center;
}
#store .done p span, #store .failed p span, #store .blacklist p span, #store div.no-result p span, #service > ul > li .no-result p span, #account > ul > li .no-result p span {
	margin: 0 0 5px 0;
    display: inline-block;
}
#store .done .btn, #store .failed .btn, #store .blacklist .btn, #store div.no-result .btn, li.no-result .no-result .btn, li.less .no-result .btn {	
    margin-top: 33px;
}
#store .form li p, #store .waiting li p {
    position: relative;
	height: 103px;
    border-radius: 5px;
    background: rgba(255, 255, 255, 1);
    padding: calc(23px/2) 15px;
	margin: 0 0 15px 0;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;
	width: 200px;
	cursor: pointer;
}
#store .waiting li p {
	cursor: default;
	line-height: 20px;
}
#store .form li:last-child, #store > ul > li > .waiting li:last-child {
	 margin: 0;
}
#store .waiting li:first-child h3 + div { 
	width: 100%;
	height: 44px;
	line-height: 100px;
	margin: -29px 0 44px 0;
	text-align: center;
}
#store .waiting li:first-child h3 + div span, #store > ul > li > .done .number span { 
	position: relative;
    bottom: auto;
    right: auto;
	vertical-align: middle;
	padding: 0 10px 0 0;
}
#store .form li p .date {
    margin: 20px 0 0 0;
    width: 100%;
    display: inline-block;
	-webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
}
#store .notify {
	bottom: 15px;
    top: auto;
    left: calc(100% + 15px);
}
#store .waiting .notify {
    right: calc(100% + 15px);
    left: auto;
}
#store .waiting .error:before, #store .waiting .error:after {
    right: -10px;
    left: auto;
	border-width: 7.5px 0 7.5px 10px;
    border-color: transparent transparent transparent rgba(255, 51, 102, 0.2);
}
#store .waiting .error:before {
    position: absolute;
    z-index: 1;
    border-color: transparent transparent transparent rgba(255, 255, 255, 0.6);
}
#store > ul > li > .done .number {
	height: 100px;
	margin: 20px auto;
}
#store > ul > li > .done .number span {
	position: relative;
	right: auto;
    bottom: auto;
}
#store .waiting li:first-child h3 + div .icon-info {
	font-style: normal;
	padding: 0;
	margin: 0 0 0 -10px;
}
#container.waiting:not(.booking) label.booking, #container.booking:not(.waiting) label.waiting, #container.waiting:not(.booking) .note li.booking, #container.booking:not(.waiting) .note li.waiting, div.done:not(.booking) .booking, div.done.booking .waiting, 
#store .note.booking .waiting, #store .note.waiting .booking {
	display: none;
}

/* Date */
.datepicker {
	position: relative;
	width: 103px;
	height: 103px;
	border-radius: 5px;
	background: rgba(255,255,255,1);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	-webkit-appearance: none;	
	cursor: pointer;
	overflow: hidden;
	text-align: center;
	z-index: 3;
}
.datepicker .mm, .datepicker .date {
	position: relative;
	width: 100%;
	height: 29px;
	line-height: 29px;
	text-align: center;
	color: rgba(255,255,255,1);
}
.datepicker .date {
	color: rgba(0,0,0,1);
	top: -5px;
}
.datepicker .dd, .list .thumb ~ ul span {
	font-size: 30px;
	font-weight: 300;
	line-height: 45px;
}
.datepicker-container {
	font-size: 13px;
    margin: -15px 0 0 0;
	padding: 7px;
	border-radius: 5px;
	border: none;
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
	-webkit-appearance: none;
	z-index: 3 !important;
	background: rgba(255, 255, 255, 1.0);
	width: calc(320px - 30px - 15px);
	touch-action: auto;
	-webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.datepicker-container:after, .datepicker-container:before {
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent rgba(255, 255, 255, 1.0) transparent;
}
.datepicker-top-left:before, .datepicker-top-right:before {
    border-bottom-color: transparent !important;
}
.datepicker-top-left:after, .datepicker-top-right:after {
    top: -7px;
}
.datepicker-top-left:after, .datepicker-top-left:before, .datepicker-top-right:after, .datepicker-top-right:before {
    left: 15px;
}
.datepicker-panel>ul>li[data-view="month next"], .datepicker-panel>ul>li[data-view="month prev"], .datepicker-panel>ul>li[data-view="year next"], .datepicker-panel>ul>li[data-view="year prev"], .datepicker-panel>ul>li[data-view="years next"], .datepicker-panel>ul>li[data-view="years prev"], .datepicker-panel>ul>li[data-view=next] {
	font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
	line-height: calc((320px - 30px - 15px) / 7);	
}
.datepicker-panel>ul>li[data-view="month prev"]:before, .datepicker-panel>ul>li[data-view="year prev"]:before, .datepicker-panel>ul>li[data-view="years prev"]:before, .datepicker-panel>ul>li[data-view="month next"]:before, .datepicker-panel>ul>li[data-view="year next"]:before, .datepicker-panel>ul>li[data-view="years next"]:before, .datepicker-panel>ul>li[data-view=next]:before {
	content: "\e901";
	display: inline-block;
}
.datepicker-panel>ul>li[data-view="month next"]:before, .datepicker-panel>ul>li[data-view="year next"]:before, .datepicker-panel>ul>li[data-view="years next"]:before, .datepicker-panel>ul>li[data-view=next]:before {
	content: "\e902";
}
.datepicker-panel>ul>li {
	background: none; 
}
.datepicker-panel>ul>li.muted, .datepicker-panel>ul>li.muted:hover, .datepicker-panel > ul > li.disable, .datepicker-panel > ul > li.disable:hover, .datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover {
    color: rgba(138,154,154,1);
}
.datepicker-panel > ul > li.disable, .datepicker-panel > ul > li.disable:hover, .datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover, .datepicker-panel>ul[data-view=week]>li, .datepicker-panel>ul[data-view=week]>li:hover {
	background: none !important;
}
.datepicker-panel > ul > li.disable, .datepicker-panel > ul > li.disable:hover, .datepicker-panel>ul>li.disabled, .datepicker-panel>ul>li.disabled:hover {
	cursor: not-allowed;
}
.datepicker-panel>ul>li {
    width: calc((320px - 30px - 15px) / 7);
    height: calc((320px - 30px - 15px) / 7);
    line-height: calc((320px - 30px - 15px) / 7);
    font-size: 14px;
}
.datepicker-panel>ul>li[data-view="month current"], .datepicker-panel>ul>li[data-view="year current"], .datepicker-panel>ul>li[data-view="years current"] {
    width: calc(100% - (((320px - 30px - 15px) / 7) * 2));
}
.datepicker-panel>ul[data-view=months]>li, .datepicker-panel>ul[data-view=years]>li {
    width: calc((100% - 4px) / 4);
    height: 70px;
    line-height: 70px;
}
.datepicker-container .btn, #filter .datepicker-container .btn {
	width: calc(100% - 20px);
    display: inline-block;
    line-height: 44px;
    text-align: center;
    border-radius: 5px;
    border: 1px solid;
    margin: 10px;
}
#filter .datepicker {
	overflow: visible;
}
#filter .datepicker-container {
	margin: 0;
	top: 118px !important;
	left: 0 !important;	
}
.datepicker-panel > ul {
	width: 100% !important;
}
.datepicker-container .btn:before {
	display: none;
}

/* Menu */
#store .menu h2:before {
    content: "Media";
}
#store .menu .lSSlideOuter {
	padding: 60px 12px;
    margin: -60px -12px;
}
#store .menu .lSGallery {
     overflow: visible;
}
#store .menu .lSSlideWrapper li {
    height: 400px;
	cursor: pointer;
}
#store .menu .lSGallery li, #store .menu .lSGallery li a {
    height: 90px;
}
#store .menu .lSGallery li a {
	display: inline-block;
}

/* Light Gallery */
.lg-outer .lg-thumb {
	margin-left: 15px;
	padding: 15px 0;
}
.lg-outer .lg-thumb-item {
	border: none;
}
.lg-backdrop, .lg-toolbar {
	background: none;
}
.lg-icon, .lg-toolbar .lg-icon, .lg-actions .lg-next, .lg-actions .lg-prev, .lSPager li.video:before {
	font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 24px;
	color: rgb(255,255,255);
	width: 44px;
	height: 44px;
}
.lg-toolbar .lg-close:after {
	content: "\e923";
}
.lg-actions .lg-prev, .lg-actions .lg-next {
	left: 35px;
	background: none;
	font-size: 100px;
	width: 120px;
	height: 120px;
	color: rgba(255,255,255,0.4);
	margin-top: -60px;
}
.lg-actions .lg-next {
	right: 35px;
	left: auto
}
.lg-actions .lg-prev:before {
 	content: "\e901";
}
.lg-actions .lg-next:before {
	content: "\e902";
}
#lg-counter, #discount .counter {
    font-size: 30px;
    line-height: 100px;
    font-style: italic;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 10px 0 0;
	text-align: right;
	z-index: 3;
}
#lg-counter-current, #discount .counter span {
	font-size: 100px;
}
/*.lSPager li {
	position: relative;
}
.lSPager li.video:before, .lSPager li.video:after {
	content: "";
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 2;
}
.lSPager li.video:before {
	content: "\e926";
	color: rgba(255,255,255,0.8);
	line-height: 44px;
	z-index: 3;
}*/
.lSSlideWrapper img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    max-width: none;
}
.lSSlideOuter .lSPager.lSGallery img {
    object-fit: cover;
}
#lg-zoom-in, #lg-zoom-out {
	display: none;	
}

/* Meal */
#store .way, #store .root {
	position: relative;
	line-height: 29px;
	margin: 30px auto -10px auto;
	z-index: 3;
	display: inline-block;
}
#store .way a:after, #store .root a:not(:last-child):after, #store .meal ~ p a:after, #cart .btn + p em:not(:last-child):after, #store .info li:nth-child(5) span:not(:last-child):after, #store .info li:nth-child(6) span:not(:last-child):after, #store .info li:nth-child(7) span:not(:last-child):after {
	content: "・";
	color: rgb(138,154,154);
	cursor: default;
}
#store .cat {
	padding: 0;
    height: 35px;
    margin: 30px 0 10px 0;
}
#store .cat ul {
	position: relative;
	white-space: nowrap;
	display: flex;
	display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
	overflow-y: hidden;
	align-items: baseline;
	-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,1.0) 0%, rgba(0,0,0,1.0) 85%, rgba(0,0,0,0) 100%);
}
#store .cat ul.middle {
	-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1.0) 15%, rgba(0,0,0,1.0) 85%, rgba(0,0,0,0) 100%);
}
#store .cat ul.last {
	-webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1.0) 15%, rgba(0,0,0,1.0) 100%);
}
#store .cat ul::-webkit-scrollbar {
  background: none;
}
#store .cat ul::-webkit-scrollbar-thumb {
  background: none;
}
#store .cat li {
	margin-right: 30px;
	float: left;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#store .cat li:not(.on) {
	font-size: 13px;
	color: rgba(102,102,102,1);
	cursor: pointer;
}
#store .way.fixed {
    position: fixed;
    z-index: 5;
    top: 0;
    margin: 20px 0 0 0;
    width: 845px;
    text-align: right;
	pointer-events: none;
}
#store .way.fixed a {
	pointer-events: auto;
}
#store .cat.fixed {
    position: fixed;
    top: 0;
    padding: 20px 95px 50px 95px;
    margin: 0 0 0 -95px;
    width: 845px;
	border: none;
	z-index: 3;
	background: -moz-linear-gradient(top, rgba(250,250,250,0.8) 30%, rgba(250,250,250,0.7) 50%, rgba(250,250,250,0) 100%);
    background: -webkit-linear-gradient(top, rgba(250,250,250,0.8) 30%,rgba(250,250,250,0.7) 50%,rgba(250,250,250,0) 100%);
    background: linear-gradient(to bottom, rgba(250,250,250,1) 30%,rgba(250,250,250,0.8) 50%,rgba(250,250,250,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fafafa', endColorstr='#fafafa',GradientType=0 );
}
#store .cat.fixed ul {
    /*width: calc(100% - 65px);*/
}
#store > .discount {
	font-size: 13px;
    color: rgb(95,68,39);
    font-family: serif;
    line-height: 29px;
	height: 29px;
	position: absolute;
	right: -3px;
    top: calc(50px + 44px + 10px + 3px);
	cursor: pointer;
	z-index: 3;
}
#store > .discount span {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	padding: 0 10px;
	min-width: 130px;
	max-width: 290px;
	box-sizing: border-box; 
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
	background: -moz-linear-gradient(270deg, rgba(154,123,56,1) 0%, rgba(221,188,109,1) 24px, rgba(240,223,153,1) 48px, rgba(240,223,153,1) 64%, rgba(221,188,109,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(154,123,56,1) 0%, rgba(221,188,109,1) 24px, rgba(240,223,153,1) 48px, rgba(240,223,153,1) 64%,rgba(221,188,109,1) 100%);
    background: linear-gradient(270deg, rgba(154,123,56,1) 0%, rgba(221,188,109,1) 24px, rgba(240,223,153,1) 48px, rgba(240,223,153,1) 64%,rgba(221,188,109,1) 100%);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	-webkit-font-smoothing: antialiased;
}
#store > .discount:before, #store > .discount:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 3px 0 0;
	border-color: rgba(154,123,56,1) transparent transparent transparent;
	position: absolute;
	bottom: -3px;
	right: 0;
	-webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
}
#store > .discount:before {
	border-width: 0 3px 3px 0;
	border-color: transparent rgba(154,123,56,1) transparent transparent;
	display: none;
}
.meal li, .list:not(.search) li, #store .outer, #store .gift, #store .point {
	position: relative;
	display: inline-block;
	width: calc(100% + 15px);
	padding: 0;
}
.meal > li > ul > li, #account .point > li, #store .point > div:not(.no-result) {
	position: relative;
	float: left;
	width: calc(50% - 15px);
	background: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	margin: 0 15px 15px 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	display: -webkit-flex;
	top: 0;
	left: 0;
	z-index: 2;
}
.meal > li > ul > li:not(.disable), #account .point li li:not(.disable), .info .rss, .info .facebook, #store .point > div:not(.disable) {
	cursor: pointer;
}
.meal .main, .info .rss .main, .point .main {
	flex: 1; 
	padding: 15px;
	box-sizing: border-box;
	margin: 0 auto;
}
.meal h1, .meal .main p, .order .main > h1, .list:not(.search) h1, .info .rss h1, .info .rss p, .gift h1, .gift p:not(.icon-help), .point h1, .point p:not(.icon-help) {
	margin: 15px 0;
	height: 66px;
	-webkit-line-clamp: 3;
    text-align: justify;
    /*text-justify: inter-ideograph;*/
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
	overflow: hidden;
	letter-spacing: 0.7px;
	font-size: 14px;
	line-height: 22px;
}
.meal h1, .order .main > h1, .point h1, .list:not(.search) h1, .order ~ .no-result li h1, .info .rss h1, #account > ul > li:nth-child(3) .no-result li h1, #account .card li h1, .info .rss h1, .gift h1 {
	margin: 0;
	height: auto;
    font-size: 18px;
	-webkit-line-clamp: 1;
    line-height: 25px;
	min-height: 25px;
    font-weight: normal;
	color: rgb(0,0,0);	
}
.meal .action, .point .action, .option .icon-check, #cart .icon-minus, #cart .icon-plus {
	font-size: 13px;
	float: left;
	color: rgb(255,255,255);
	width: 40px;
	height: 29px;
	line-height: 29px;
	margin: 0 15px 0 0;
	position: relative;
	z-index: 2;
}
.meal .action:after, .meal > li > ul > li.deal .action .icon-minus:after, .meal > li > ul > li.deal .action .icon-plus:after, .point .action:after, .option .icon-check:after, #cart .icon-minus:after, #cart .icon-plus:after, .list:not(.search) .btn:before, .popup-bubble .btn:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.meal .action .icon-minus, .meal .action .icon-plus, .point .action .icon-plus, .point .action .icon-arrow-down, .option .icon-check, #cart .icon-minus, #cart .icon-plus {
	font-size: 18px; 
	line-height: 29px;
	display: inline-block;
	cursor: pointer;
	text-align: center;
}
.point .disable .action .icon-plus {
	cursor: default;
}
.meal .main .price, .point .main .price span {
	font-size: 25px;
    font-weight: 300;
	line-height: 29px;
	float: left;
}
.meal .main .price:before, .order .main .price:before, #cart .total:before, #detail .total:before, #store .meal + .btn span:last-child:before, #cart .btn span:last-child:before, .info .rss:not(.video) .price:before, #store .info .shopping .price span:last-child:before, .gift.shopping .price:before, .gift.shopping .price span:last-child:before {
	content: "$";
}
.meal .thumb, .point .thumb {
    position: relative;
	width: 180px;
    height: 180px;
    overflow: hidden;
	margin: 0 auto;
}
.thumb img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	width: auto;
    max-height: 100%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease 0s;
}
.meal > li > ul > li:not(.disable):not(.meal-deal):hover .thumb img, .point li.on li:not(.disable):hover .thumb img, .point > div:not(.disable):hover .thumb img {
	width: auto;
	max-height: 110%;
}
.meal > li > ul > li:not(.disable):hover, .meal > li > ul > li:not(.disable) .action:hover:after, .meal > li > ul > li:not(.disable) .action .icon-minus:hover:after, .meal > li > ul > li:not(.disable) .action .icon-plus:hover:after, .point li li:not(.disable) .action:hover:after, #store .point > div:not(.disable) .action:hover:after, .option .icon-check:hover:after, #cart .icon-minus:hover:after, #cart .icon-plus:hover:after, .write-reviews:hover, .instagram-feed .instagram-new:hover, #store .menu .lSSlideWrapper:hover, #store .menu .lSSlideOuter .lSPager.lSGallery li:hover, #store .info .rss:hover, #store .info .facebook:hover, #filter .cat li:not(.disable):hover, #store .gift > *:not(h2):not(p):not(.no-result):hover, #store .point > div:not(.disable):not(.rule):not(.no-result):hover, #store .point > div:not(.disable):not(.rule) .action .icon-plus:hover:after {
	box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.31);
}
.meal > li > ul > li:not(.disable) .action:hover:after, .meal > li > ul > li:not(.disable) .action .icon-minus:hover:after, .meal > li > ul > li:not(.disable) .action .icon-plus:hover:after, .point li li:not(.disable) .action:hover:after, #store .point > div:not(.disable) .action:hover:after, .option .icon-check:hover:after, #cart .icon-minus:hover:after, #cart .icon-plus:hover:after {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.meal > li > ul > li.disable, .list > li > ul > li.disable, .point li li.disable, #store .point > div.disable, #container.store.vip:not(.gold) .gold, .gift > *.disable, #store .gift > *.disable {
	background: rgba(255,255,255,0.4);
}
.meal > li > ul > li.disable .thumb img, .point li li.disable .thumb img, .list > li > ul > li.disable iframe, #filter .cat li.disable, #store .point > div.disable .thumb img, #container.store.vip:not(.gold) .gold .thumb img, #container.store.vip:not(.gold) .gold .line, .gift > *.disable .thumb img, .gift > *.disable .line {
	filter: grayscale(100%);
}
.meal > li > ul > li.disable .action:after, #store .point > div.disable .action:after, #cart .meal li.disable .icon-plus:after, .point li li.disable .action:after, #cart .meal li .icon-plus.disable:after, #cart .meal li .icon-minus.disable:after, #cart .meal li.disable .icon-minus:after, .list > li > ul > li .btn.disable:before, .list .btn.disable:before, .map .popup-bubble .btn.disable:before, .map .list .btn.disable:before {
	background: rgba(138,154,154,0.4);
}
#cart .meal li.disable .icon-minus:hover:after, #cart .meal li.disable .icon-plus:hover:after, #cart .meal li .icon-plus.disable:hover:after {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
#cart .meal li.disable .icon-minus:hover, #cart .meal li.disable .icon-plus:hover, #cart .meal li .icon-plus.disable:hover, #cart .meal li.disable h1:hover, .list > li > ul > li .btn.disable, .list .btn.disable, .popup-bubble .btn.disable, #filter .cat li.disable, #container.store.vip:not(.gold) .gold, #account .gift > *.disable, #store .gift > *.disable {
    cursor: default;
}
.meal > li > ul > li.disable .main .price, .meal > li > ul > li.disable p, .meal > li > ul > li.disable h1, .meal > li > ul > li.disable .thumb img, 
.point li li.disable .main .price, .point li li.disable p, .point li li.disable h1, .point li li.disable .thumb img,
 .list > li > ul > li.disable h1, 
#store .point > div.disable .main .price, #store .point > div.disable p, #store .point > div.disable h1, #store .point > div.disable .thumb img, 
#container.store.vip:not(.gold) .gold h1, #container.store.vip:not(.gold) .gold p, #container.store.vip:not(.gold) .gold img, #container.store.vip:not(.gold) .gold .line,
.gift > *.disable h1, .gift > *.disable p, .gift > *.disable img, .gift > *.disable .line {
	opacity: 0.2;
}
.meal > li > ul > li.disable .icon-plus {
	cursor: default;
	font-size: 13px;
	font-family: Helvetica, sans-serif, system, -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue" !important; 
}
.meal > li > ul > li.disable .icon-plus:before {
	content: "完售";  
}
/*#container.store.vip:not(.gold) .progress .grade li:first-child {
	width: 100%;
	height: 127.5px;
}*/
#store > ul > li:nth-child(2) h2:before, #store > ul > li:nth-child(2) h3:before, #store .cat + ul h3:before, #store .way a:last-child:after, #store .meal ~ p a:last-child:after, #store .way.fixed a, .portal #store .way.fixed a:first-child:after, #store .way a.visible-last:after, #container.store.vip:not(.gold) .gold {
	display: none;
}
#container:not(.portal) #store .way.fixed a:last-child, #container.portal #store .way.fixed a:first-child {
	display: inline-block;
}

/* Deal */
/* Blur */
#container.deal .deal, #container.lg-on .lg-outer, #container.cart #cart, #container.detail #detail, #container.alert #alert, #container.discount #discount, #container.exchange #exchange, #container.filter #filter {
	-webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}
#container.deal > *:not(.outer), #container.deal #store > *:not(ul), #container.deal #store > ul > li > *:not(.meal):not(#deal), #container.deal .meal > li > *:not(ul), #container.deal .meal > li > ul > li:not(.deal), #container.deal .map, 
#container.deal #store:before, #container.deal #store:after, #container.deal:after, #container.deal #header, #container.deal #nav, #container.deal #nav .thumb, #container.deal #nav::after,
#container.cart > *:not(.outer), #container.cart #store > *:not(ul), #container.cart #store > ul > li > *:not(#cart):not(.meal), #container.cart #store > ul > li > .meal li > *:not(ul), #container.cart #store > ul > li > .meal li li, #container.cart .map,
#container.cart #store:before, #container.cart #store:after, #container.cart:after, #container.cart #header, #container.cart #nav, #container.cart #nav .thumb, #container.cart #nav::after, 
#container.detail > *:not(.outer), #container.detail:after, #container.detail #header, #container.detail #nav, #container.detail #nav .thumb, #container.detail #nav::after, 
#container.detail #store:before, #container.detail #store:after, #container.detail #store > *:not(ul), #container.detail #store > ul > li > *:not(#detail):not(.meal), #container.detail #store > ul > li > .meal li > *:not(ul), #container.detail #store > ul > li > .meal li li, #container.detail #store:before, #container.detail #store:after, 
#container.detail #account > *:not(ul), #container.detail #account > ul > li > *:not(#detail):not(.order), #container.detail #account > ul > li > .order li, #container.detail #account .ad1, #container.detail #account .ad3, #container.detail .map,
#container.alert:after, #container.alert > *:not(#alert):not(.outer), #container.alert #nav, #container.alert #nav .thumb, #container.alert #nav::after,
#container.alert > .outer > *:not(#store):not(#account):not(#nav), #container.alert #store > *:not(ul), #container.alert #store > ul > li > *:not(.meal):not(.list), #container.alert #store > ul > li > .meal li > *:not(ul), #container.alert #store > ul > li > .list li > *:not(ul), #container.alert #store > ul > li > .meal li li, #container.alert #store > ul > li > .list li li, #container.alert .map, 
#container.alert #account > *:not(ul), #container.alert #account > ul > li > *:not(.card), #container.alert #account > ul > li > #account .card li, #container.alert #account .ad1, #container.alert #account .ad3,
#container.discount:after, #container.discount > *:not(#discount):not(.outer), #container.discount #nav, #container.discount #nav .thumb, #container.discount #nav::after, 
#container.discount > .outer > *:not(#store):not(#account):not(#search):not(#nav), #container.discount #store > *:not(ul), #container.discount #store > ul > li > *:not(.meal), #container.discount #store > ul > li > .meal li > *:not(ul), #container.discount #store > ul > li > .meal li li, 
#container.discount #account > *:not(ul), #container.discount #account > ul > li > *:not(.card):not(.gift), #container.discount #account > ul > li > #account .card li, #container.discount #account > ul > li > .gift li, #container.discount #account .ad1, #container.discount #account .ad3, #container.discount .map, 
#container.exchange:after, #container.exchange > *:not(#exchange):not(.outer), #container.exchange #nav, #container.exchange #nav .thumb, #container.exchange #nav::after, 
#container.exchange > .outer > *:not(#store):not(#account):not(#search):not(#nav), #container.exchange #store > *:not(ul),
#container.exchange #account > *:not(ul), #container.exchange #account > ul > li > *:not(.point), #container.exchange #account > ul > li > .point li, #container.exchange #account .ad1, #container.exchange #account .ad3, #container.exchange .map, 
#container.lg-on:after, #container.lg-on > *:not(.lg-outer):not(.outer), #container.lg-on > .outer > *:not(#store):not(#nav), #container.lg-on #store > *:not(ul), #container.lg-on #store > ul > li > *:not(.meal), #container.lg-on #store > ul > li > .meal li > *:not(ul), #container.lg-on #store > ul > li > .meal li li, #container.lg-on #nav, #container.lg-on #nav .thumb, #container.lg-on #nav:after, #container.lg-on .map, 
#container.filter > *:not(#filter):not(.outer), #container.filter #header, #container.filter #search > * {	
	pointer-events: none;
	touch-action: none;
	overscroll-behavior: none;
}
#container.deal.ready .badge:before, #container.lg-on.ready .badge:before, #container.cart.ready .badge:before, #container.detail.ready .badge:before, #container.alert.ready .badge:before, #container.discount.ready .badge:before, #container.exchange.ready .badge:before, #container.filter.ready .badge:before, 
#container.deal .btn:before, #container.lg-on .btn:before, #container.cart .btn:before, #container.detail .btn:before, #container.alert .btn:before, #container.discount .btn:before, #container.exchange .btn:before, #container.filter .btn:before, 
#container.discount #map-search .on .popup-bubble .ratings .full, #container.discount #map-search .popup-bubble.on .ratings .full, #container.discount .search .map .list > li.on .ratings .full,
#container.filter #map-search .on .popup-bubble .ratings .full, #container.filter #map-search .popup-bubble.on .ratings .full, #container.filter .search .map .list > li.on .ratings .full {
	animation: none;
}
#container.deal .deal .btn:before, #container.lg-on .lg-outer .btn:before, #container.cart #cart .btn:before, #container.detail #detail .btn:before, #container.alert #alert .btn:before, #container.discount #discount .btn:before, #container.exchange #exchange .btn:before, #container.filter #filter .btn:before {
	-webkit-animation: anime 10s linear infinite;
    animation: anime 10s linear infinite;
}

/* FireFox */
@-moz-document url-prefix() {
	#container.deal > *:not(.outer), #container.deal #store > *:not(ul), #container.deal #store > ul > li > *:not(.meal):not(#deal), #container.deal .meal > li > *:not(ul), #container.deal .meal > li > ul > li:not(.deal), #container.deal .map, 
	#container.deal #store:before, #container.deal #store:after, #container.deal:after, #container.deal #header, #container.deal #nav, #container.deal #nav .thumb, #container.deal #nav::after,
	#container.cart > *:not(.outer), #container.cart #store > *:not(ul), #container.cart #store > ul > li > *:not(#cart):not(.meal), #container.cart #store > ul > li > .meal li > *:not(ul), #container.cart #store > ul > li > .meal li li, #container.cart .map,
	#container.cart #store:before, #container.cart #store:after, #container.cart:after, #container.cart #header, #container.cart #nav, #container.cart #nav .thumb, #container.cart #nav::after, 
	#container.detail > *:not(.outer), #container.detail:after, #container.detail #header, #container.detail #nav, #container.detail #nav .thumb, #container.detail #nav::after, 
	#container.detail #store:before, #container.detail #store:after, #container.detail #store > *:not(ul), #container.detail #store > ul > li > *:not(#detail):not(.meal), #container.detail #store > ul > li > .meal li > *:not(ul), #container.detail #store > ul > li > .meal li li, #container.detail #store:before, #container.detail #store:after, 
	#container.detail #account > *:not(ul), #container.detail #account > ul > li > *:not(#detail):not(.order), #container.detail #account > ul > li > .order li, #container.detail #account .ad1, #container.detail #account .ad3, #container.detail .map,
	#container.alert:after, #container.alert > *:not(#alert):not(#discount):not(.outer), #container.alert #nav, #container.alert #nav .thumb, #container.alert #nav::after,
	#container.alert > .outer > *:not(#store):not(#account):not(#nav), #container.alert #store > *:not(ul), #container.alert #store > ul > li > *:not(.meal):not(.list), #container.alert #store > ul > li > .meal li > *:not(ul), #container.alert #store > ul > li > .list li > *:not(ul), #container.alert #store > ul > li > .meal li li, #container.alert #store > ul > li > .list li li, #container.alert .map, 
	#container.alert #account > *:not(ul), #container.alert #account > ul > li > *:not(.card), #container.alert #account > ul > li > #account .card li, #container.alert #account .ad1, #container.alert #account .ad3,
	#container.discount:after, #container.discount > *:not(#discount):not(.outer):not(#alert), #container.discount #nav, #container.discount #nav .thumb, #container.discount #nav::after, 
	#container.discount > .outer > *:not(#store):not(#account):not(#search):not(#nav), #container.discount #store > *:not(ul), #container.discount #store > ul > li > *:not(.meal), #container.discount #store > ul > li > .meal li > *:not(ul), #container.discount #store > ul > li > .meal li li, 
	#container.discount #account > *:not(ul), #container.discount #account > ul > li > *:not(.card):not(.gift), #container.discount #account > ul > li > #account .card li, #container.discount #account > ul > li > .gift li, #container.discount #account .ad1, #container.discount #account .ad3, #container.discount .map, 
	#container.exchange:after, #container.exchange > *:not(#exchange):not(.outer), #container.exchange #nav, #container.exchange #nav .thumb, #container.exchange #nav::after, 
	#container.exchange > .outer > *:not(#store):not(#account):not(#search):not(#nav), #container.exchange #store > *:not(ul),
	#container.exchange #account > *:not(ul), #container.exchange #account > ul > li > *:not(.point), #container.exchange #account > ul > li > .point li, #container.exchange #account .ad1, #container.exchange #account .ad3, #container.exchange .map, 
	#container.lg-on:after, #container.lg-on > *:not(.lg-outer):not(.outer), #container.lg-on > .outer > *:not(#store):not(#nav), #container.lg-on #store > *:not(ul), #container.lg-on #store > ul > li > *:not(.meal), #container.lg-on #store > ul > li > .meal li > *:not(ul), #container.lg-on #store > ul > li > .meal li li, #container.lg-on #nav, #container.lg-on #nav .thumb, #container.lg-on #nav:after, #container.lg-on .map, 
	#container.filter > *:not(#filter):not(.outer), #container.filter #header, #container.filter #search > * {	
		-webkit-filter: blur(40px);
		-moz-filter: blur(40px);
		-ms-filter: blur(40px);
		-o-filter: blur(40px);
		filter: blur(40px);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='40');
		-webkit-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		-moz-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		-ms-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		-o-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		transform: translateZ(0);
		will-change: transform;
		backface-visibility: hidden;
		-webkit-font-smoothing: subpixel-antialiased;
	}
	#container.deal #store:after, #container.cart #store:after, #container.detail #store:after, #container.alert #store:after, #container.discount #store:after, #container.exchange #store:after, #container.lg-on #store:after {
		-webkit-filter: blur(80px);
		-moz-filter: blur(80px);
		-ms-filter: blur(80px);
		-o-filter: blur(80px);
		filter: blur(80px);
		filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='80');
		transform: translateZ(0);
		will-change: transform;
	}
}
.meal > li > ul > li .main:after, .meal > li > ul > li .outer:after, .meal > li > ul > li.deal .action:after, .meal > li > ul > li:after, .meal .option, .icon-close, #container.deal > .outer:before, #container.deal #store:before, 
#container.cart > .outer:before, #container.cart #store:before, #cart, 
#container.detail > .outer:before, #container.detail #store:before, #container.detail #account:before, #detail, #detail .status:after, #detail .status li, #account .order > li:first-child .status li,
#container.alert > .outer:before, #alert, #alert .status:after, #container.alert #store:before, 
#container.discount > .outer:before, #discount, #discount .status:after, #container.discount #store:before,  #container.discount #account:before,
#container.exchange > .outer:before, #exchange, #exchange .status:after, #container.exchange #store:before,  #container.exchange #account:before, 
#container.lg-on > .outer:before, #container.lg-on #store:before, 
#filter, #filter .result:after {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index: -1;
	pointer-events: none;
	touch-action: none;
}
.meal > li > ul > li.deal .main:after, .meal > li > ul > li.deal .outer:after, .meal .deal .option, .deal .icon-close, .cart #cart, .cart .icon-close, .detail #detail, .detail .icon-close, .detail #detail .status:after, #detail .status li.on, #detail.fixed, .alert #alert, .alert #alert .icon-close, .alert #alert .status:after, .discount #discount, .discount #discount .icon-close, .discount #discount .status:after, .filter #filter, .filter .icon-close, .filter #filter .result:after, .exchange #exchange, .exchange #exchange .icon-close, .exchange #exchange .status:after {
	opacity: 1.0;
    filter: alpha(opacity=1.0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	pointer-events: auto;
	touch-action: auto;
}
.meal > li > ul > li .flex, #cart .flex, #detail .flex, #alert .flex, #discount .flex, #filter .flex, #exchange .flex {
	position: relative;
	display: flex;
	display: -webkit-flex;
}
.meal > li > ul > li.deal .flex, #cart .flex, #detail .flex, #alert .flex, #discount .flex, #filter .flex, #exchange .flex {
  	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
  	flex-grow: 1;
	padding: 20px 0;
	width: 845px;
	margin: 0 auto;
	justify-content: center;
    align-items: center;
}
.meal > li > ul > li.meal-deal {		
	box-shadow: rgba(0, 0, 0, 0.31) 0px 22px 43px 0px;
	flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	animation: order-deal 0.15s ease forwards;
    -webkit-animation: order-deal 0.15s ease forwards;
	z-index: 5;
}
@keyframes order-deal {
0% {
}
33% {
	width: calc(50% - 15px);
	box-shadow: rgba(0, 0, 0, 0.31) 0px 22px 43px 0px;
}
100% {
	width: calc(100% - 15px);
	box-shadow: rgba(0, 0, 0, 0.31) 0px 22px 43px 0px;	
}
}
.meal > li > ul > li .main, .meal > li > ul > li .thumb, .point .thumb {
	transition: all 0.05s ease;
}
.meal > li > ul > li.meal-deal .main, .meal > li > ul > li.meal-deal .thumb {		
	cursor: default;
	width: 100%;
}
.meal > li > ul > li.meal-deal .thumb {
	height: auto;
	padding-top: 50%;
}
.meal > li > ul > li.deal {		
	cursor: default;
	overflow: hidden;
	position: fixed;
	animation: deal 1.0s ease forwards;
    -webkit-animation: deal 1.0s ease forwards;
	border-radius: 0;
}
@keyframes deal {
0% {
	width: 100%;
	background: rgba(255,255,255,0);
	box-shadow: rgba(0, 0, 0, 0) 0px 1px 3px 0px;
	z-index: 5;
}
100% {
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0);
	box-shadow: rgba(0, 0, 0, 0) 0px 1px 3px 0px;
	z-index: 5;
}
}
.meal > li > ul > li.deal:hover {
	box-shadow: none;
}
.meal > li > ul > li.deal .outer {
    position: relative;
	height: max-content;
	width: 100%;
	margin: 0 auto;
}
.meal > li > ul > li.deal .thumb {
	width: 100%;
	height: calc(845px / 2);
	padding-top: 0;
	border-radius: 5px;
	left: 30px;
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
	will-change: transform;
}
.meal > li > ul > li.deal .outer:after {
	height: 200px;
	top: auto;
	bottom: 0;
}
.meal > li > ul > li.deal .thumb img, .meal > li > ul > li.deal .thumb:hover img, .meal > li > ul > li.meal-deal .thumb img, .meal > li > ul > li.meal-deal .thumb:hover img {
    width: 100%;
    max-height: none;
	height: auto;
	border-radius: 5px 5px 0 0;
}
.meal > li > ul > li.deal .main, #cart .status {
	width: 100%;
	cursor: default;
	padding: 30px 30px 0 30px;
	position: relative;
	flex: none;
}
.meal > li > ul > li .main:after, #cart .status:after {
	width: 100%;
	left: 50%;
	transform: translateX(-50%);
}
.meal > li > ul > li.deal h1 {
	color: rgb(255,255,255);
	font-size: 30px;
    line-height: 44px;
    font-weight: 300;
	width: calc(100% - 105px);
}
.meal > li > ul > li.deal .main p {
	color: rgba(255,255,255,0.8);
	height: auto;
	max-height: 66px;
}
.meal > li > ul > li.deal .main .price {
	position: absolute;
    right: 30px;
    top: 30px;
    line-height: 44px;
	font-size: 30px;
}
.meal > li > ul > li.deal .action {
	width: 100%;
	height: auto;
	margin: 0 auto;
	top: 22px;
}
.meal > li > ul > li.deal .icon-minus, .meal > li > ul > li.deal .icon-plus {
	font-size: 24px;
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: relative;
}
.meal > li > ul > li.deal .action .icon-minus:after, .meal > li > ul > li.deal .action .icon-plus:after {
	border-radius: 44px;
	background: rgb(255,255,255);
}
.meal > li > ul > li.deal .action > span, #cart .total, #detail .total {
	font-size: 100px;
	font-style: italic;
	width: 200px;
	display: inline-block;
	vertical-align: middle;
    position: relative;
	opacity: 0.8;
    filter: alpha(opacity=0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	top: -7px;
	padding: 0 10px 0 0;
}
#cart .total, #detail .total {
	opacity: 0.4;
    filter: alpha(opacity=0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.meal > li > ul > li.deal .action > span, .meal > li > ul > li.deal .main .price, #container.service #header h1, #container.account #header h1 {
	transform: translateZ(0.1px);
}
.meal > li > ul > li.deal .action > span {
    line-height: 100%;
    margin-top: -70px;
    top: 29px;
}
.meal > li > ul > li.deal .btn {
    display: inline-block;
	margin: 0 0 0 50px;
	vertical-align: bottom;
}
.meal .option, #cart .option, #detail .option, #alert .option, #discount .option, #filter .option, #exchange .option {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	border-radius: 0 0 5px 5px;
	color: rgb(0,0,0);
	font-size: 15px;
	line-height: 29px;
	text-align:left;
	display: flex;
	display: -webkit-flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	padding: 50px 0 0 0;
	z-index: 1;
}
.meal .option li, #cart .option li, #detail .option li, #filter .option > li {
	width: 100%;
}
.meal .option > li, #cart .option > li, #detail .option > li, #filter .option > li, 
.meal .option:before, #cart .option:before, #detail .option:before, #filter .option:before {
	background: rgba(255, 255, 255, 0.8);
	box-shadow: rgba(255, 255, 255, 0.8) 0px 0px, rgba(255, 255, 255, 0.8) 0px 0px, rgba(0, 0, 0, 0.25) -2px 0 4px -4px, rgba(0, 0, 0, 0.25) 2px 0 4px -4px;
	box-sizing: border-box;
	padding: 0 30px;
}
.meal .option:before, #cart .option:before, #detail .option:before, #filter .option:before {
	content: "";
	display: block;
	width: 100%;
	height: 50px;
	margin-top: -50px;
	position: absolute;
	box-shadow: rgba(0, 0, 0, 0.25) 0px -2px 4px -4px, rgba(255, 255, 255, 0.8) 0px 0px, rgba(0, 0, 0, 0.25) -2px 0 4px -4px, rgba(0, 0, 0, 0.25) 2px 0 4px -4px;
}
.meal .option > li:last-child, #cart .option > li:last-child, #cart .option > li.visible-last, #detail .option > li:last-child, #detail .option > li.visible-last, #filter .option > li:last-child, #filter .option > li.visible-last {
	padding-bottom: 15px;
	border-radius: 0 0 5px 5px;
	box-shadow: rgba(255, 255, 255, 0.8) 0px 0px, rgba(0, 0, 0, 0.25) 0px 4px 4px -4px, rgba(0, 0, 0, 0.25) -2px 0 4px -4px, rgba(0, 0, 0, 0.25) 2px 0 4px -4px;
}
#store .meal .option h3, #cart .option h3, #detail .option h3, #filter .option h3 {
	margin: 30px auto;
	padding: 0 0 10px 0;
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(138, 154, 154, 0.2);
}
.meal .option h3 span, .option .price, #cart .option h3 a, #cart .price, #detail .price, #filter .option h3 a {
	float: right;
}
#cart .option .discount {
	cursor: pointer;
}
.option .discount span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 15px - 15px - 65px - 40px);
    margin-left: 15px;
}
.option .discount .price:before {
    content: "-$";
}
.option .price:before {
    content: "+$";
}
.meal .option p, #cart .option p, #cart .meal h1, #detail .option p, #detail .meal h1 {
	margin: 0 0 15px 0;
	width: calc(100% - 29px - 15px - 70px);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top;
}
.option .icon-check:after, .option textarea {
	background: rgb(255,255,255);
}
.option textarea {
	color: rgb(102, 102, 102);
	box-sizing: border-box;
    line-height: 25px;
    height: 95px;
    padding: 10px 15px 0 15px;
	margin-bottom: 15px;
    border-bottom: 10px solid transparent;
	width: 100%;
	resize: none;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 3px 0px;
}
.meal > li > ul > li.deal:after, .cart #cart:after, .detail #detail:after, .alert #alert:after, .discount #discount:after, .lg-outer:after, .filter #filter:after, .exchange #exchange:after {
	position: fixed;
	background-size: cover;
	opacity: 0.4;
    filter: alpha(opacity=0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	z-index: -1;
}
.deal .icon-close, .cart .icon-close, .detail .icon-close, .alert .icon-close, .discount .icon-close, .exchange .icon-close, .lg-icon, #filter .icon-close {
	z-index: 7;
}
.icon-close, .lg-close {
    position: fixed;
    top: 20px;
    left: 0px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    color: rgb(255,255,255);
	cursor: pointer;
	-webkit-transition: box-shadow 0.5s cubic-bezier(.25, .8, .25, 1); 
    -moz-transition: box-shadow 0.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: box-shadow 0.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: box-shadow 0.5s cubic-bezier(.25, .8, .25, 1);
       transition: box-shadow 0.5s cubic-bezier(.25, .8, .25, 1);
}
#deal {
	display: none;
}

/* Cart*/
#cart, #cart .content, .meal > li > ul > li.deal .content, #detail, #detail .content, #alert, #alert .content, #discount, #discount .content, #filter, #filter .content, #exchange, #exchange .content {
	position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;
	-webkit-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
}
#detail {
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
}
#cart .content, .meal > li > ul > li.deal .content, #detail .content, #alert .content, #discount .content, #filter .content, #exchange .content {
	overflow-x: hidden;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
}
.cart #cart, .cart #cart .content, .deal .meal > li > ul > li.deal .content, .detail #detail, .detail #detail .content, .alert #alert, .alert #alert .content, .discount #discount, .discount #discount .content, .filter #filter, .filter #filter .content, .exchange #exchange, .exchange #exchange .content {
	z-index: 6;
}
#cart .flex, #detail .flex, #alert .flex, #discount .flex, #filter .flex, #exchange .flex {
  	flex-direction: column;
	-webkit-flex-direction: column;
	overscroll-behavior: contain;
}
#cart .btn + p em {
	font-style: normal;
}
#cart .tab, #filter .result {
	position: relative;
	width: 100%;
	height: 150px;
	color: rgb(255,255,255);
	font-size: 15px;
}
#cart .tab:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% / 3 * 2);
    z-index: -1;
}
#cart .tab li {
	width: calc(100% / 3);
	height: 100%;
	float: left;
	text-align: center;
    background-position: 0px 440px;
	cursor: default;
    line-height: 32px;
	display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
	-webkit-justify-content: center;
}
#cart .tab li:not(.on) {
	cursor: pointer;
}
#cart .tab li.on, #cart .tab li:hover {
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
}
#cart .tab [class^="icon-"] {
	font-size: 32px;
	margin-bottom: 20px;
}
#cart .option, #cart #location, #detail .option, #alert .option, #discount .option, #filter .option, #exchange .option {
	position: relative;
	margin: 0 auto;
	width: 100%;
}
#cart #location {
	height: calc((845px / 2) - 150px);
}
#cart .btn, #filter .btn {
    margin: -22px auto 0 auto;
	z-index: 2;
}
#cart .btn + p, #detail .btn + p {
	position: relative;
	z-index: 2;
	font-size: 14px;
}
#cart .option, #filter .option {
	margin-top: -22px;
}
#cart .option > li, #detail .option > li, #filter .option > li {
	padding-right: 15px;
}
#cart .dropdown, #cart .text, #cart .wide, #cart .payment ~ .text input, #detail .dropdown, #detail .text, #detail .way,
#container.account .text.order-in, #container.account .dropdown.date, #container.account .dropdown.session, #container.account .dropdown.oclock,
#filter .dropdown, #filter .text, #filter .wide, #filter .datepicker, #filter .cat li {
    width: calc((100% - (15px * 3)) / 3);
    float: left;
    margin-right: 15px;
}
#detail .way, #detail .dropdown.date, #detail .dropdown.session, #detail .dropdown.oclock, #container.account .dropdown.date, #container.account .dropdown.session, #container.account .dropdown.oclock {
	 margin-right: 0;
}
#detail .dropdown.date:after, #detail .dropdown.session:after, #detail .dropdown.oclock:after {
	 content: " ";
	 white-space: pre;
}
#cart .option > li > div, #filter .option > li > div  {
    line-height: 44px;
	position: relative;
}
#cart .payment ~ .text, #cart .invoice li .text.company {
	width: 100%;
}
#cart .invoice li .text.company {
	width: calc(100% - 15px);
}
#cart .option .invoice > ul {
    width: calc(((100% - (15px * 3)) / 3) * 2 + 30px);
}
#cart .invoice li .text, #cart .invoice li .dropdown {
    width: calc((100% - (15px * 2)) / 2);
} 
#cart .invoice li .text.company input {
	width: calc((100% - 15px) / 2);
}
#cart .invoice li .text.company input:first-child {
	margin-right: 15px;
}
#cart .option li h3, #cart .option ul, #cart p:not([class]), #cart .for-here p, 
#detail .payment p, #detail .invoice p, #detail .option li h3, #detail .option ul,
#filter .option li h3, #filter .option ul:not(.cat), #cart .invoice li .text.personal {
	width: calc(100% - 15px);
    float: left;
}
#cart .option ul, #detail .option ul {
	margin: 0 auto;
}
#cart .wide, #filter .wide {
    width: calc(((100% - (15px * 3)) / 3) * 2 + 15px);
}
#cart .payment + .wide {
	text-align: right;
	margin-bottom: 15px;
}
#cart input, #filter input {
	padding-left: 15px;
}
#personal-code {
    text-transform: uppercase;
}
#cart #cart-address, #filter #filter-address {
	padding-right: 55px;
}
#cart img[src*=svg], #detail img[src*=svg] {
	height: 29px;
	vertical-align: middle;
}
#cart .text a, #filter .text a {
	position: absolute;
	line-height: 44px;
	right: 15px;
	font-size: 13px;
	z-index: 2;
}
#cart .payment p, #cart .invoice p, #cart .for-here p, #detail .payment p, #detail .invoice p {
	margin: 0;
}
#cart .icon-info, #detail .icon-info {
	margin: 0 0 15px 0;
	font-size: 13px;
	color: rgba(102,102,102,1);
	line-height: 29px;
	white-space: normal;
	-webkit-font-smoothing: unset;
	text-align: justify;
    display: inline-block;
	font-family: Helvetica, sans-serif, system, -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", "Microsoft YaHei", "wenquanyi micro hei","Hiragino Sans GB", "Hiragino Sans GB W3", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue" !important;
}
#cart .icon-info:before, #detail .icon-info:before {
	font-family: 'icon' !important;
}
#cart .action, #detail .action {
	float: left;
	width: auto;
	margin: 0;
}
#cart .action span, #detail .action span {
	font-size: 25px;
	font-weight: 300;
	line-height: 29px;
	float: left;
    width: 50px;
    margin: 0 15px 0 0;
	text-align: center;
}
#cart .icon-info:before, #detail .icon-info:before {
    font-size: 24px;
    width: 29px;
	float: left;
}
#cart .meal .price:before, #detail .meal .price:before {
    content: "$";
}
#cart .meal h1, #detail .meal h1 {
	display: inline-block;
	font-size: 15px;
    line-height: 29px;
	width: calc(100% - 29px - 15px - 50px - 15px - 29px - 15px - 70px);
	cursor: pointer;
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
#cart .meal h1 label, #detail .meal h1 label {
    width: 100%;
	margin: 7px 0 0 0;
	display: block;
}
#cart .meal h1 span, #detail .meal h1 label span {
    color: rgb(102,102,102) !important;
	font-size: 14px;
    line-height: 22px;
}
#cart .meal h1 span:not(:last-child):after, #detail .meal h1 span:not(:last-child):after {
    content: "、";
}
#cart .option li ul:not(.meal) li, #detail .option li ul:not(.meal) li {
    margin-bottom: 15px;
}
#cart .total, #detail .total {
    float: right;
    top: auto;
    line-height: 65%;
    padding: 15px 5px 20px 0;
    width: auto;
	transform: translateZ(0.1px);
}
#cart .notify {
    top: 0;
	font-size: 13px;
}
#cart .payment .notify {
    left: 100%;
}
#cart .meal .action:after, #detail .meal .action:after, .portal #cart .tab li:last-child {
	display: none;
}

/* Detail */
#detail .text.wide, #container.account .text.wide {
	width: calc(100% - 15px);
	text-align: justify;
}
#detail .status, #alert .status, #discount .status, #exchange .status, #account .order > li:first-child .status {
	position: relative;
	width: 845px;
    height: calc(845px / 2);
  	perspective: calc(845px * 2);
	z-index: 3;
}
#detail .status ul, #account .order > li:first-child .status ul {
	transform-style: preserve-3d;
	transform: translateZ(calc(-845px / 2));
	transition: transform 1s;
	width: 845px;
	height: calc(845px / 2);
}
.detail #detail .status ul.show-front li.front, .detail #detail .status ul.show-back li.back, .detail #detail .status ul.show-top li.top, .detail #detail .status ul.show-bottom li.bottom, .detail #detail .status ul.show-left li.left, .detail #detail .status ul.show-right li.right, 
#detail.fixed .status ul.show-front li.front, #detail.fixed .status ul.show-back li.back, #detail.fixed .status ul.show-top li.top, #detail.fixed .status ul.show-bottom li.bottom,  #detail.fixed .status ul.show-left li.left, #detail.fixed .status ul.show-right li.right,
#account .order > li:first-child .status ul.show-front li.front, #account .order > li:first-child .status ul.show-back li.back, #account .order > li:first-child .status ul.show-top li.top, #account .order > li:first-child .status ul.show-bottom li.bottom, #account .order > li:first-child .status ul.show-left li.left, #account .order > li:first-child .status ul.show-right li.right {
	opacity: 1.0;
    filter: alpha(opacity=1.0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 2;
    pointer-events: auto;
}
#detail .status li, #account .order > li:first-child .status li {
	width: 845px;
	height: calc(845px / 2);
	margin: 0;
	position: absolute;
	-webkit-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
}
#detail .show-front li.left, #detail .show-front li.right, #detail .show-back li.left, #detail .show-back li.right, 
#detail .show-left li.front, #detail .show-left li.back, #detail .show-right li.front, #detail .show-right li.back,
#detail .show-top li.left, #detail .show-top li.right, #detail .show-bottom li.left, #detail .show-bottom li.right {
    width: calc(845px / 2); 
	left: calc(845px / 4);  
}
#detail .show-left li.top, #detail .show-left li.bottom, #detail .show-right li.top, #detail .show-right li.bottom {
    width: calc(845px / 2);
    height: 845px;
	top: calc(-845px / 4);
	left: calc(845px / 4);
}
#detail .status li.left {
	transform: rotateY(-90deg) translateZ(calc(845px / 2)); 
}
#detail .status li.right {
	transform: rotateY( 90deg) translateZ(calc(845px / 2));
}
#detail .show-left li.left, #detail .show-right li.left {
	transform: rotateY(-90deg) translateZ(calc(845px / 4)); 
}
#detail .show-left li.right, #detail .show-right li.right {
	transform: rotateY( 90deg) translateZ(calc(845px / 4));
}
#detail .status li.front {
    transform: rotateY(  0deg) translateZ(calc(845px / 4));
}
#detail .status li.back { 
	transform: rotateY(180deg) translateZ(calc(845px / 4)); 
}
#detail .show-left li.front, #detail .show-right li.front {
    transform: rotateY( 0deg) translateZ(calc(845px / 2));
}
#detail .show-left li.back, #detail .show-right li.back { 
	transform: rotateY(180deg) translateZ(calc(845px / 2)); 
}
#detail .status li.top { 
	transform: rotateX( 90deg) translateZ(calc(845px / 4)); 
}
#detail .status li.bottom { 
	transform: rotateX(-90deg) translateZ(calc(845px / 4)); 
}
#detail .status ul.show-front { 
	transform: translateZ(calc(-845px / 4)) rotateY(   0deg); 
}
#detail .status ul.show-back { 
	transform: translateZ(calc(-845px / 4)) rotateY(-180deg); 
}
#detail .status ul.show-top { 
	transform: translateZ(calc(-845px / 4)) rotateX( -90deg); 
}
#detail .status ul.show-bottom { 
	transform: translateZ(calc(-845px / 4)) rotateX(  90deg); 
}
#detail .status ul.show-left { 
	transform: translateZ(calc(-845px / 4)) rotateY(  90deg); 
}
#detail .status ul.show-right { 
	transform: translateZ(calc(-845px / 4)) rotateY( -90deg); 
}
#store .status .done .btn {
    margin-top: 30px;
}
#detail .meal h1 {
	cursor: default;
	width: calc(100% - 50px - 70px);
}
#detail .option > li > div, #container.account .dropdown.date, #container.account .dropdown.session, #container.account .dropdown.oclock, #container.account #detail .text {
    line-height: 29px;
	width: auto;
	margin-top: 0;
}
#detail .way:after {
	content: "訂單 ";
	white-space: pre;
}
#detail .status li > span {
    font-size: 60px;
	font-style: italic;
    line-height: 60px;
    color: rgba(255,255,255,0.4);
    margin: 30px auto;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
}
#detail img[src*=svg] {
	float: right;
	margin-right: 15px;
}
#detail .motion {
    position: relative;
	height: calc(100% - 60px - 60px - 60px - 30px - 22px);
    margin: 50px auto 10px auto;
}
#detail .option:before {
    height: 95px;
    margin-top: -95px;
}
#detail .option {
    padding: 95px 0 0 0;
}

/* Detail Fixed */
#detail.fixed {
    z-index: 4;
    left: auto;
    top: auto;
	right: 25px; 
    bottom: 25px;   
    cursor: pointer;
	overflow: inherit;
	-webkit-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
}
#detail.fixed.hide {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
}
#detail.fixed .content, #detail.fixed .flex {
    position: absolute;
	width: auto;
    height: auto; 
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0;
	overflow: hidden;
}
#detail.fixed, #detail.fixed .status, #detail.fixed .status ul, #detail.fixed .status li {
    width: 360px;
    height: 90px;
}
#detail.fixed .status {
	perspective: calc(360px * 2);
}
#detail.fixed .show-front li.left, #detail.fixed .show-front li.right, #detail.fixed .show-back li.left, #detail.fixed .show-back li.right, 
#detail.fixed .show-left li.front, #detail.fixed .show-left li.back, #detail.fixed .show-right li.front, #detail.fixed .show-right li.back,
#detail.fixed .show-top li.left, #detail.fixed .show-top li.right, #detail.fixed .show-bottom li.left, #detail.fixed .show-bottom li.right {
    width: 90px; 
	left: calc((360px - 90px) / 2);  
}
#detail.fixed .show-left li.top, #detail.fixed .show-left li.bottom, #detail.fixed .show-right li.top, #detail.fixed .show-right li.bottom {
    width: 90px;
    height: 360px;
	top: calc((-360px + 90px) / 2);
	left: calc((360px - 90px) / 2);  
}
#detail.fixed .status li.left {
	transform: rotateY(-90deg) translateZ(calc(360px / 2)); 
}
#detail.fixed .status li.right {
	transform: rotateY( 90deg) translateZ(calc(360px / 2));
}
#detail.fixed .show-left li.left, #detail.fixed .show-right li.left {
	transform: rotateY(-90deg) translateZ(calc(90px / 2)); 
}
#detail.fixed .show-left li.right, #detail.fixed .show-right li.right {
	transform: rotateY( 90deg) translateZ(calc(90px / 2));
}
#detail.fixed .status li.front {
    transform: rotateY(  0deg) translateZ(calc(90px / 2));
}
#detail.fixed .status li.back { 
	transform: rotateY(180deg) translateZ(calc(90px / 2)); 
}
#detail.fixed .show-left li.front, #detail.fixed .show-right li.front {
    transform: rotateY( 0deg) translateZ(calc(360px / 2));
}
#detail.fixed .show-left li.back, #detail.fixed .show-right li.back { 
	transform: rotateY(180deg) translateZ(calc(360px / 2)); 
}
#detail.fixed .status li.top { 
	transform: rotateX( 90deg) translateZ(calc(90px / 2)); 
}
#detail.fixed .status li.bottom { 
	transform: rotateX(-90deg) translateZ(calc(90px / 2)); 
}
#detail.fixed .status ul.show-front { 
	transform: translateZ(calc(-90px / 2)) rotateY(   0deg); 
}
#detail.fixed .status ul.show-back { 
	transform: translateZ(calc(-90px / 2)) rotateY(-180deg); 
}
#detail.fixed .status ul.show-top { 
	transform: translateZ(calc(-90px / 2)) rotateX( -90deg); 
}
#detail.fixed .status ul.show-bottom { 
	transform: translateZ(calc(-90px / 2)) rotateX(  90deg); 
}
#detail.fixed .status ul.show-right { 
	transform: translateZ(calc(-90px / 2)) rotateY( -90deg); 
}
#detail.fixed .status ul.show-left { 
	transform: translateZ(calc(-90px / 2)) rotateY(  90deg); 
}
#detail.fixed:after {
	opacity: 0.9;
    filter: alpha(opacity=0.9);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	transition: all 0.5s cubic-bezier(0.65, 0.05, 0.36, 1);
	animation: glow 10s infinite alternate;
	background-size: 200%;
	border-radius: 5px;
}
@keyframes glow {
0% {
    background-position: 100% 100%;
}
33% {
    background-position: 100% 50%;
}
66% {
    background-position: 50% 50%;
}
100% {
    background-position: 50% 100%;
}
}
#detail.fixed .status li > span {
    font-size: 18px;
    margin: 15px 0;
    font-style: normal;
    color: rgb(255,255,255);
    line-height: 25px;
	-webkit-font-smoothing: auto;
}
#detail.fixed .btn + p {
    color: rgba(255,255,255,0.8);
}
#detail.fixed .option, #detail.fixed .icon-close, #detail.fixed .btn, #detail.fixed .motion, #detail.fixed .status:after {
    display: none;
}
#detail.fixed.bottom {
    bottom: calc(20px + 20px + 20px + 50px);
}

/* Alert */
#container.store #alert.signin:before {
	z-index: 1;
}
#alert .thumb, #discount .thumb, #exchange .thumb {
    width: 200px;
    height: 200px;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
    margin: 75px auto 0 auto;
	background: rgba(69,69,69,1);
}
#alert .thumb {
	-webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
	-webkit-transform: translate3D(0, 0, 0);
}
#alert .thumb:before, #discount .thumb:before, #exchange .thumb:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}
#alert .status, #alert .status:after, #alert .option, #discount .status, #discount .status:after, #discount .option, #exchange .status, #exchange .status:after, #exchange .option {
    height: auto;
}
#alert .flex, #alert .status, #discount .flex, #discount .status, #exchange .flex, #exchange .status {
    width: 415px;
}
#alert .status:after, #discount .status:after, #exchange .status:after {
    bottom: 100px;
}
#alert .option, #discount .option, #exchange .option {  
	padding-bottom: 15px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    margin-top: -100px;
    padding-top: 130px;
	display: block;
}
#alert .option {  
	background: rgba(255,255,255,0.8);
}
#alert.signin .option {  
	height: 420px;
}
#alert .option li.signin li li a, #alert .option li.signup li a {
	width: 50%;
	float: left;
	text-align: left;
}
#alert .option li.signin li li:last-child a, #alert .option li.signup li:last-child a {
	text-align: right;
}
#discount .option:after, #exchange .option:after {  
	content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.8);
	border-radius: 0 0 5px 5px;
    z-index: -2;
}
#alert .option:before, #discount .option:before, #exchange .option:before {
	height: 100%;
    margin-top: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
    border-radius: 0 0 5px 5px;
}
#alert .option li, #discount .option li, #exchange .option li {
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
#alert .option h1, #alert .option p, #discount .option h1, #discount .option p, #exchange .option h1, #exchange .option p {
    text-align: center;
    margin: 0 0 10px 0;
	box-sizing: border-box;
    padding: 0 15px;
    width: 100%;
	background: none !important;
}
#alert .option h1, #discount .option h1, #exchange .option h1 {
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
	max-height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
#discount.calendar .option h1 {
	cursor: pointer;
}
#alert .option h1 + p, #discount .option p, #container.account #discount .option p, #exchange .option p, #container.account #exchange .option p {
    color: rgba(102,102,102,1);
	font-size: 15px;
    line-height: 24px;
    margin: 25px 0;
}
#alert .btn, #discount .btn, #exchange .btn {
	margin: 15px auto;
}
#alert .signin .btn {
	display: inline-block;
    vertical-align: top;
}
#alert .option .btn + p, #alert .option a, #discount .option .btn + p, #discount .option .btn + a {
	font-size: 14px;
    margin: 10px auto;
    display: inline-block;
    vertical-align: top;
    line-height: normal;
	width: 100%;
	text-align: center;
}
.account #alert h1 span {
	cursor: pointer;
}
/*#alert.signin .option > li:first-child, #alert:not(.signin) .option > li:not(:first-child) {
	display: none;
}*/

/* Discount */
#discount.card {
	padding: 0;
	margin: 0;
}
#discount .counter p, #exchange .counter p {
    line-height: normal;
    margin: -30px 0 0 0;
}
#discount .thumb, #exchange .thumb {
    width: 100%;
    height: 275px;
    border-radius: 5px 5px 0 0;
    margin: 0 auto 0 auto;
}
#discount .option, #exchange .option {
    margin-top: 0;
    padding-top: 30px;
	transition: all .5s ease 0s;
}
#discount .option > li:first-child > div:not(.text), #exchange .option > li:first-child > div:not(.text) {
	margin: 0 auto;
	height: auto;
}
#discount .option > li:first-child > div.hide, #exchange .option > li:first-child > div.hide {
	overflow: hidden;
	position: absolute;
}
#discount .option > li:first-child > .text, #exchange .option > li:first-child > .text {
    width: 360px;
    margin: 15px auto 0 auto;
}
#discount .option > li:first-child > .text input, #exchange .option > li:first-child > .text input {
    padding-left: 15px;
	margin-bottom: 15px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	color: rgba(0, 0, 0, 1);
	-webkit-text-fill-color: rgba(0, 0, 0, 1);
}
#discount.meal .option {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
    pointer-events: auto;
    touch-action: auto;
}
#discount.meal .option > li {
    background: none;
    box-shadow: none;
    padding: 0;
}
#discount.meal .option .detail li {
	display: list-item;
}
#discount.meal .option p {
	display: block;
}
#discount:not(.password) .option > li:first-child > .text input, #discount:not(.password) .option .detail li .password, #discount.meal .option:before, #discount.meal .option .detail li:not(.meal), #discount:not(.gold) .option .detail li.gold, #discount:not(.point) .option .detail li.point {
    display: none;
}
#discount .option > li:first-child > .text input::-webkit-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#discount .option > li:first-child > .text input:-ms-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#discount .option > li:first-child > .text input::placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#exchange .option > li:first-child > .text input::-webkit-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#exchange .option > li:first-child > .text input:-ms-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#exchange .option > li:first-child > .text input::placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#alert .signin .text input::-webkit-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#alert .signin .text input:-ms-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#alert .signin .text input::placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#alert .signup .text input::-webkit-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#alert .signup .text input:-ms-input-placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#alert .signup .text input::placeholder {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#alert .signup select.disabled {
	-webkit-text-fill-color: rgba(102, 102, 102, 1);
}
#discount .option > li:first-child > .text .btn, #exchange .option > li:first-child > .text .btn {
	margin-top: 0;
}
#discount .option > li:last-child, #exchange .option > li:last-child {
    position: absolute;
    top: 0;
	color: rgb(255,255,255);
	transform: translate(0, calc(-50% - 35px));
	right: -44px;
	width: auto;
	z-index: -2;
}
#discount:not(.password) .option > li:last-child {
	transform: translate(0, calc(-50% - 65px));
}
#discount.calendar .option > li:last-child {
	transform: translate(0, calc(-50% - 35px));
}
.discount #discount .option > li:last-child, .exchange #exchange .option > li:last-child {
    transition: all .5s ease 0s;
	transition-delay: .5s;
}
#discount .option > li:last-child h3, #exchange .option > li:last-child h3, #store .rule h3 {
    position: absolute;
	top: 0;
	right: 0;
	width: 44px;
    line-height: 44px;
    writing-mode: vertical-rl;
	font-weight: normal;
	font-size: 14px;
	padding: 30px 0;
	cursor: pointer;
}
#discount .option > li:last-child.on, #exchange .option > li:last-child.on {
    right: -415px;
}
#discount .option .detail, #exchange .option .detail { 
	box-sizing: border-box;
    width: calc(415px - 44px);
    padding: 30px 30px 30px 53px;
    min-height: 242px;
    max-height: calc(22px * 19 + 30px);
    display: -webkit-box;
    -webkit-line-clamp: 19;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 22px;
    font-size: 14px;
    margin: 0 44px 0 0;
    animation: detail-out 1.5s forwards;
}
#discount .option .detail {
	min-height: 324px;
}
#discount .option .detail a {
	color: rgb(255,255,255);
}
#discount .option .detail a:hover {
	color: rgba(255,255,255, 0.8);
}
/*#discount .option .detail:after, #exchange .option .detail:after {
    content: "";
    width: calc(100% - 44px);
    height: 30px;
    position: absolute;
    display: inline-block;
    bottom: -30px;
    left: 0;
}*/
#discount .option > li:last-child .detail, #discount .option > li:last-child.on .detail, #exchange .option > li:last-child .detail, #exchange .option > li:last-child.on .detail { 
	color: rgba(255,255,255,0.8);
}
#discount:not(.calendar) .option > li:last-child .detail.calendar, #discount.calendar .option > li:last-child .detail:not(.calendar), #discount.calendar .counter, #discount.calendar:not(.payment) .option > li:last-child .detail.calendar .payment {
	display: none;
}
#discount .option > li:last-child.on .detail, #exchange .option > li:last-child.on .detail { 
	animation: detail-in 1.0s forwards;
}
@keyframes detail-in {
0% {
  	opacity: 0;
}
50% {
  	opacity: 0;
}
100% {
  	opacity: 1.0;
}
}	
@keyframes detail-out {
50% {
  	opacity: 1.0;
}
100% {
  	opacity: 0;
}
}
#discount .option .detail li, #exchange .option .detail li {
	text-align: justify;
    list-style-type: decimal-leading-zero;
    list-style-position: outside;
    width: 100%;
    word-break: break-all;
}
#discount .option .notify, #exchange .option .notify {
    position: relative;
    width: 100%;
	font-size: 13px;
}
#alert .option .notify {
	font-size: 13px;
}
#discount .option .notify.on, #exchange .option .notify.on {
    display: inline-block;
    vertical-align: top;
	margin: 0 0 15px 0;
}
#discount .option .notify .error, #exchange .option .notify .error {
	width: 100%;
    text-align: center;
    box-sizing: border-box;
}
#discount .option .notify .error:before, #exchange .option .notify .error:before, #discount .option .notify .error:after, #exchange .option .notify .error:after {
	position: absolute;
    top: -7px;
    left: 50%;
    margin: 0 0 0 -7px;
    text-align: center;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 7px;
    border-color: transparent transparent rgba(255,51,102,0.2) transparent;
}
#discount .option .notify .error:before, #exchange .option .notify .error:before {
    border-color: transparent transparent rgba(255, 255, 255, 0.6) transparent;
}
#discount:before, #detail:not(.fixed):before, #exchange:before, #exchange:not(.fixed):before, #cart:before, .deal:before, #alert:before, .lg-outer:before {
    z-index: -1;
	pointer-events: auto;
    touch-action: auto;
    overscroll-behavior: auto;
}
.account #discount:before, .account #detail:not(.fixed):before, .account #exchange:before, .account #exchange:not(.fixed):before {
    background: rgba(255,255,255,0.2);
}

/* Order Status */
#account .order > li:first-child .status, #account .order > li:first-child .status ul, #account .order > li:first-child .status li {
    width: calc(845px / 2 - 30px);
    height: calc(317px - (15px * 3) - 25px - 22px);
}
#account .order > li:first-child .status {
	perspective: calc((845px / 2 - 30px) * 2);
}
#account .order > li:first-child .show-front li.left, #account .order > li:first-child .show-front li.right, #account .order > li:first-child .show-back li.left, #account .order > li:first-child .show-back li.right, 
#account .order > li:first-child .show-left li.front, #account .order > li:first-child .show-left li.back, #account .order > li:first-child .show-right li.front, #account .order > li:first-child .show-right li.back, 
#account .order > li:first-child .show-top li.left, #account .order > li:first-child .show-top li.right, #account .order > li:first-child .show-bottom li.left, #account .order > li:first-child .show-bottom li.right {
    width: calc(317px - (15px * 3) - 25px - 22px); 
	left: calc(((845px / 2 - 30px) - (317px - (15px * 3) - 25px - 22px)) / 2);  
}
#account .order > li:first-child .show-left li.top, #account .order > li:first-child .show-left li.bottom, #account .order > li:first-child .show-right li.top, #account .order > li:first-child .show-right li.bottom {
    width: calc(309px - (15px * 3) - 25px - 20px);
    height: calc(845px / 2 - 30px);
	top: calc(((-845px / 2 + 30px) + (317px - (15px * 3) - 25px - 22px)) / 2);
	left: calc(((845px / 2 - 30px) - (317px - (15px * 3) - 25px - 22px)) / 2);  
}
#account .order > li:first-child .status li.left {
	transform: rotateY(-90deg) translateZ(calc((845px / 2 - 30px) / 2)); 
}
#account .order > li:first-child .status li.right {
	transform: rotateY( 90deg) translateZ(calc((845px / 2 - 30px) / 2));
}
#account .order > li:first-child .show-left li.left, #account .order > li:first-child .show-right li.left {
	transform: rotateY(-90deg) translateZ(calc((317px - (15px * 3) - 25px - 22px) / 2)); 
}
#account .order > li:first-child .show-left li.right, #account .order > li:first-child .show-right li.right {
	transform: rotateY( 90deg) translateZ(calc((317px - (15px * 3) - 25px - 22px) / 2));
}
#account .order > li:first-child .status li.front {
    transform: rotateY(  0deg) translateZ(calc((317px - (15px * 3) - 25px - 22px) / 2));
}
#account .order > li:first-child .status li.back { 
	transform: rotateY(180deg) translateZ(calc((317px - (15px * 3) - 25px - 22px) / 2)); 
}
#account .order > li:first-child .show-left li.front, #account .order > li:first-child .show-right li.front {
    transform: rotateY( 0deg) translateZ(calc((845px / 2 - 30px) / 2));
}
#account .order > li:first-child .show-left li.back, #account .order > li:first-child .show-right li.back { 
	transform: rotateY(180deg) translateZ(calc((845px / 2 - 30px) / 2)); 
}
#account .order > li:first-child .status li.top { 
	transform: rotateX( 90deg) translateZ(calc((317px - (15px * 3) - 25px - 22px) / 2)); 
}
#account .order > li:first-child .status li.bottom { 
	transform: rotateX(-90deg) translateZ(calc((317px - (15px * 3) - 25px - 22px) / 2)); 
}
#account .order > li:first-child .status ul.show-front { 
	transform: translateZ(calc((-317px + (15px * 3) + 25px + 22px) / 2)) rotateY(   0deg); 
}
#account .order > li:first-child .status ul.show-back { 
	transform: translateZ(calc((-317px + (15px * 3) + 25px + 22px) / 2)) rotateY(-180deg); 
}
#account .order > li:first-child .status ul.show-top { 
	transform: translateZ(calc((-317px + (15px * 3) + 25px + 22px) / 2)) rotateX( -90deg); 
}
#account .order > li:first-child .status ul.show-bottom { 
	transform: translateZ(calc((-317px + (15px * 3) + 25px + 22px) / 2)) rotateX(  90deg); 
}
#account .order > li:first-child .status ul.show-right { 
	transform: translateZ(calc((-317px + (15px * 3) + 25px + 22px) / 2)) rotateY( -90deg); 
}
#account .order > li:first-child .status ul.show-left { 
	transform: translateZ(calc((-317px + (15px * 3) + 25px + 22px) / 2)) rotateY(  90deg); 
}
#account .order > li:first-child .rain {
    margin-top: 2em;
}
#account .order > li:first-child .cloud {
    margin-top: -3.8em;
}
#account .order > li:first-child .rain:before, #account .order > li:first-child .rain:after {
	top: 15%;
}
#account .order > li:first-child .saucer {
    margin-top: 10px;
}
#account .order > li:first-child #area {
   margin-top: -65px;
}

/* Wait */
.flying {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}
.flying .music {
	position: relative;
	left: 0%;
	top: 0%;
	width: 100px;
	height: 100px;
	animation: wobble 1s infinite;
	transform-origin: 50% 100%;
}
@keyframes wobble {
0% {
  	transform: rotateZ(0deg);
}
10% {
  	transform: rotateZ(-10deg);
}
20% {
  	transform: rotateZ(10deg);
}
30% {
  	transform: rotateZ(-5deg);
}
40% {
  	transform: rotateZ(5deg);
}
50% {
  	transform: rotateZ(-3.3333333333deg);
}
60% {
  	transform: rotateZ(3.3333333333deg);
}
70% {
  	transform: rotateZ(-2.5deg);
}
80% {
  	transform: rotateZ(2.5deg);
}
90% {
  	transform: rotateZ(-2deg);
}
100% {
  	transform: rotateZ(0deg);
}
}
.flying .music svg {
  	width: 100%;
  	height: 100%;
}
.flying .music.music1 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music1 5.7s infinite linear;
	animation-delay: 0s;
}
@keyframes music1 {
0% {
	left: 0px;
	top: 0px;
	opacity: 0;
	transform: rotateY(0deg);
}
20% {
	left: -30px;
	top: -57px;
	opacity: 0.8;
	transform: rotateY(720deg);
	width: 31px;
}
35% {
	left: -30px;
	top: -57px;
	opacity: 0;
	transform: rotateY(1080deg);
	width: 31px;
}
100% {
	left: -30px;
	top: -57px;
	opacity: 0;
	transform: rotateY(0deg);
}
}
.flying .music.music2 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music2 5.7s infinite linear;
	animation-delay: 1s;
}
@keyframes music2 {
0% {
	left: 0;
	top: 0;
	opacity: 0;
	transform: rotateY(0deg);
}
20% {
	left: -48px;
	top: 43px;
	opacity: 0.8;
	transform: rotateY(720deg);
	width: 37px;
}
35% {
	left: -48px;
	top: 43px;
	opacity: 0;
	transform: rotateY(1080deg);
	width: 37px;
}
100% {
	left: -48px;
	top: 43px;
	opacity: 0;
	transform: rotateY(0deg);
}
}
.flying .music.music3 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music3 5.7s infinite linear;
	animation-delay: 2s;
}
@keyframes music3 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: -1px;
    top: -54px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 41px;
}
35% {
    left: -1px;
    top: -54px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 41px;
}
100% {
    left: -1px;
    top: -54px;
    opacity: 0;
    transform: rotateY(0deg);
 }
}
.flying .music.music4 {
	  position: absolute;
	  opacity: 0;
	  width: 100px;
	  animation: music4 5.7s infinite linear;
	  animation-delay: 3s;
}
@keyframes music4 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: 17px;
    top: -78px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 42px;
}
35% {
    left: 17px;
    top: -78px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 42px;
}
100% {
    left: 17px;
    top: -78px;
    opacity: 0;
    transform: rotateY(0deg);
 }
}
.flying .music.music5 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music5 5.7s infinite linear;
	animation-delay: 4s;
}
@keyframes music5 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: -5px;
    top: -30px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 46px;
}
35% {
    left: -5px;
    top: -30px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 46px;
}
100% {
    left: -5px;
    top: -30px;
    opacity: 0;
    transform: rotateY(0deg);
}
}
.flying .music.music6 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music6 5.7s infinite linear;
	animation-delay: 5s;
}
@keyframes music6 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: 36px;
    top: -57px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 49px;
}
35% {
    left: 36px;
    top: -57px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 49px;
}
100% {
    left: 36px;
    top: -57px;
    opacity: 0;
    transform: rotateY(0deg);
}
}
.flying .music.music7 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music7 5.7s infinite linear;
	animation-delay: 6s;
}
@keyframes music7 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: 49px;
    top: -7px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 30px;
}
35% {
    left: 49px;
    top: -7px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 30px;
}
100% {
    left: 49px;
    top: -7px;
    opacity: 0;
    transform: rotateY(0deg);
}
}
.flying .music.music8 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music8 5.7s infinite linear;
	animation-delay: 7s;
}
@keyframes music8 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: -55px;
    top: -11px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 41px;
}
35% {
    left: -55px;
    top: -11px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 41px;
}
100% {
    left: -55px;
    top: -11px;
    opacity: 0;
    transform: rotateY(0deg);
}
}
.flying .music.music9 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music9 5.7s infinite linear;
	animation-delay: 8s;
}
@keyframes music9 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: 5px;
    top: -24px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 28px;
}
35% {
    left: 5px;
    top: -24px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 28px;
}
100% {
    left: 5px;
    top: -24px;
    opacity: 0;
    transform: rotateY(0deg);
}
}
.flying .music.music10 {
	position: absolute;
	opacity: 0;
	width: 100px;
	animation: music10 5.7s infinite linear;
	animation-delay: 9s;
}
@keyframes music10 {
0% {
    left: 0px;
    top: 0px;
    opacity: 0;
    transform: rotateY(0deg);
}
20% {
    left: -15px;
    top: -35px;
    opacity: 0.8;
    transform: rotateY(720deg);
    width: 30px;
}
35% {
    left: -15px;
    top: -35px;
    opacity: 0;
    transform: rotateY(1080deg);
    width: 30px;
}
100% {
    left: -15px;
    top: -35px;
    opacity: 0;
    transform: rotateY(0deg);
}
}

/* Boiling*/
.boiling .svg-icon {
    width: 120px;
    height: 140px;
    position: absolute;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    margin-left: -60px;
    margin-top: -65px;
}
.boiling .text {
	margin-top: 2em;
	color: #f59995;
	border-radius: 50%;
	display: inline-block;
	padding: .25em;
	font-size: .75em
}
.svg-icon {
	stroke: rgb(255,255,255);
}
.svg-icon svg {
	margin-top: -5%;
	width: 100%;
	height: 110%
}
.svg-icon svg line, .svg-icon svg path, .svg-icon svg polyline {
	stroke-width: 2.5px;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Cooking */
.bubble {
	position: absolute;
	border-radius: 100%;
	box-shadow: 0 0 0.13px rgb(255,255,255,0.1);
	opacity: 0;
	top: -5px;
}
.bubble:nth-child(1) {
	margin-top: -13.5%;
	left: 50%;
	width: 13px;
	height: 13px;
	background-color: rgb(255,255,255,0.1);
	animation: bubble 2s cubic-bezier(0.53, 0.16, 0.39, 0.96) infinite;
}
.bubble:nth-child(2) {
	margin-top: -13%;
	left: 44%;
	width: 10px;
	height: 10px;
	background-color: rgb(255,255,255,0.3);
	animation: bubble 1.9s ease-in-out 0.35s infinite;
}
.bubble:nth-child(3) {
	margin-top: -14.2%;
	left: 42%;
	width: 8px;
	height: 8px;
	background-color: rgb(255,255,255,0.5);
	animation: bubble 1.5s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.55s infinite;
}
.bubble:nth-child(4) {
	margin-top: -13.3%;
	left: 48%;
	width: 6px;
	height: 6px;
	background-color: rgb(255,255,255,0.6);
	animation: bubble 1.8s cubic-bezier(0.53, 0.16, 0.39, 0.96) 0.9s infinite;
}
.bubble:nth-child(5) {
	margin-top: -14.5%;
	left: 55%;
	width: 7px;
	height: 7px;
	background-color: rgb(255,255,255,0.4);
	animation: bubble 1.6s ease-in-out 1s infinite;
}
#area {
	position: absolute;
	width: 200px;
	height: 200px;
	background-color: transparent;
	transform-origin: 9% 60%;
	animation: flip 2.1s ease-in-out infinite;
	top: 50%;
	left: 50%;
	margin: -80px 0 0 0;
}
#area #sides {
	position: absolute;
	width: 100%;
	height: 100%;
	transform-origin: 9% 60%;
	animation: switchSide 2.1s ease-in-out infinite;
}
#area #sides #handle {
	position: absolute;
	bottom: 18%;
	right: 80%;
	width: 35%;
	height: 20%;
	background-color: transparent;
	border-top: 1vh solid rgb(255,255,255);
	border-left: 1vh solid transparent;
	border-radius: 100%;
	transform: rotate(20deg) rotateX(0deg) scale(1.3, 0.9);
}
#area #sides #pan {
	position: absolute;
	bottom: 20%;
	right: 30%;
	width: 50%;
	height: 10%;
	background-color: rgb(255,255,255);
	border-radius: 0 0 1.4em 1.4em;
	transform-origin: -9% 0;
}
#area #pancake {
	position: absolute;
	top: 24%;
	width: 100%;
	height: 100%;
	transform: rotateX(85deg);
	animation: jump 2.1s ease-in-out infinite;
}
#area #pancake #pastry {
	position: absolute;
	bottom: 26%;
	right: 37%;
	width: 37%;
	height: 40%;
	background-color: rgb(255,255,255);
	box-shadow: 0 0 3px 0 rgb(255,255,255);
	border-radius: 100%;
	transform-origin: -45% 0;
	animation: fly 2.1s ease-in-out infinite;
}
@keyframes jump {
0% {
    top: 24%;
    transform: rotateX(85deg);
}
25% {
    top: 10%;
    transform: rotateX(0deg);
}
50% {
    top: 30%;
    transform: rotateX(85deg);
}
75% {
    transform: rotateX(0deg);
}
100% {
    transform: rotateX(85deg);
}
}
@keyframes flip {
0% {
    transform: rotate(0deg);
}
5% {
    transform: rotate(-27deg);
}
30%, 50% {
    transform: rotate(0deg);
}
55% {
    transform: rotate(27deg);
}
83.3% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(0deg);
}
}
@keyframes switchSide {
0% {
    transform: rotateY(0deg);
}
50% {
    transform: rotateY(180deg);
}
100% {
    transform: rotateY(0deg);
}
}
@keyframes fly {
0% {
    bottom: 27%;
    transform: rotate(0deg);
}
10% {
    bottom: 40%;
}
50% {
    bottom: 27%;
    transform: rotate(-190deg);
}
80% {
    bottom: 40%;
}
100% {
    bottom: 27%;
    transform: rotate(0deg);
}
}
@keyframes bubble {
0% {
    transform: scale(0.15, 0.15);
    top: 120%;
    opacity: 0;
}
50% {
    transform: scale(1.1, 1.1);
    opacity: 1;
}
100% {
    transform: scale(0.33, 0.33);
    top: 30%;
    opacity: 0;
}
}

/* Ship */
.saucer {
	width: 20em;
	margin: 0 auto;
	position: relative;
	animation-name: ufo;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
@keyframes ufo {
0% {
    left: -55%;
	transform: scale(1.05);
}
10% {
	top: 5%;  
    transform: rotate(30deg) scale(1.05);
}
40% {
	top: -5%; 
    transform: rotate(0deg) scale(1.05);
}
50% {
    left: 55%;
    transform: rotate(10deg) scale(1.05);
}
60% {
	top: 5%;  
    transform: rotate(-30deg) scale(1.05);
}
90% {
	top: -5%; 
    transform: rotate(0deg) scale(1.05);
}
100% {
    left: -55%;
    transform: rotate(-10deg) scale(1.05);
}
}
.saucer-svg {
	width: 100%;
}
.saucer-svg .saucer-top, .saucer-svg .saucer-bottom {
	fill: rgb(255,255,255);
}
@keyframes spinners {
0% {
    top: 8em;
    left: 3.7em;
}
25% {
    top: 7em;
    left: 6.5em;
}
50% {
    top: 6.5em;
    left: 10em;
}
75% {
    top: 7em;
    left: 13.5em;
}
100% {
    top: 8em;
    left: 16.6em;
}
}
.light {
	top: 8em;
    left: 3.7em;
  	width: .5em;
  	height: .5em;
  	border-radius: 1em;
  	position: absolute;
  	animation-name: spinners;
  	animation-duration: 1s;
  	animation-iteration-count: infinite;
  	animation-timing-function: linear;
}
.light1 {
  	animation-delay: 0s;
}
.light2 {
  	animation-delay: .2s;
}
.light3 {
  	animation-delay: .4s;
}
.light4 {
  	animation-delay: .6s;
}
.light5 {
  	animation-delay: .8s;
}
.light-place {
  	width: .5em;
  	height: .5em;
  	border-radius: 1em;
  	position: absolute;
  	display: none;
}
.light-place1 {
  	top: 8em;
  	left: 3.7em;
}
.light-place2 {
  	top: 7em;
  	left: 6.5em;
}
.light-place3 {
  	top: 6.5em;
  	left: 10em;
}
.light-place4 {
  	top: 7em;
  	left: 13.5em;
}
.light-place5 {
  	top: 8em;
  	left: 16.6em;
}

/* Serve */
.checkmark, .checkmark:before, .checkmark:after {
  	box-sizing: border-box;
}
.confetti {
  	position: absolute;
  	animation: grow 1.4s cubic-bezier(0.42, 0, 0.275, 1.155) both infinite;
}
.confetti:nth-child(1) {
	width: 12px;
	height: 12px;
	left: 12px;
	top: 16px;
}
.confetti:nth-child(2) {
	width: 18px;
	height: 18px;
	left: 168px;
	top: 84px;
}
.confetti:nth-child(3) {
	width: 10px;
	height: 10px;
	left: 0;
	top: 120px;
}
.confetti:nth-child(4) {
	width: 20px;
	height: 20px;
	left: 82px;
	top: -12px;
}
.confetti:nth-child(5) {
	width: 14px;
	height: 14px;
	left: 115px;
	top: 165px;
}
.confetti:nth-child(6) {
	width: 10px;
	height: 10px;
	left: 16px;
	top: 16px;
}
.confetti:nth-child(1) {
	animation-delay: 0.7s;
}
.confetti:nth-child(2) {
	animation-delay: 1.4s;
}
.confetti:nth-child(3) {
	animation-delay: 2.1s;
}
.confetti:nth-child(4) {
	animation-delay: 2.8s;
}
.confetti:nth-child(5) {
	animation-delay: 3.5s;
}
.confetti:nth-child(6) {
	animation-delay: 4.2s;
}
.checkmark {
	padding: 30px;
    animation: checkmark 5.6s cubic-bezier(0.42, 0, 0.275, 1.155) both;
    width: auto;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
	transform: translate3d(-50%, -50%, 0);
}
.checkmark .check, .checkmark .icon-check {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	font-size: 40px;
	line-height: 60px;
	transform: translate3d(-50%, -50%, 0);
	opacity: 0.4;
    filter: alpha(opacity=0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}
.checkmark .icon-check {
	font-size: 60px;
    font-weight: 300;
}
.checkmark .back {
	animation: rotate 35s linear both infinite;
    vertical-align: middle;
}
@keyframes rotate {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
@keyframes grow {
0%, 100% {
    transform: scale(0);
}
50% {
    transform: scale(1);
}
}
@keyframes checkmark {
0% {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
10%, 50%, 90% {
    opacity: 1.0;
    filter: alpha(opacity=1.0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
}

/* Done */
.sun {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 4em;
	height: 4em;
	margin: -2em;
	border-radius: 50%;
	background: rgb(255,255,255);
	box-shadow: 0 0 0 0.75em rgb(255,255,255);
	-webkit-animation: spin 10s infinite linear;
	animation: spin 10s infinite linear;
}
.rays {
	position: absolute;
	top: -3.55em;
	left: 50%;
	display: block;
	width: 0.75em;
	height: 2em;
	margin-left: -0.375em;
	background: rgb(255,255,255);
	border-radius: 0.5em;
	box-shadow: 0 9em rgb(255,255,255);
}
.rays:before, .rays:after {
	content: '';
	position: absolute;
	top: 0em;
	left: 0em;
	display: block;
	width: 0.75em;
	height: 2em;
	-webkit-transform: rotate(60deg);
	transform: rotate(60deg);
	-webkit-transform-origin: 50% 5.5em;
	transform-origin: 50% 5.5em;
	background: rgb(255,255,255);
	border-radius: 0.5em;
	box-shadow: 0 9em rgb(255,255,255);
}
.rays:before {
	-webkit-transform: rotate(120deg);
	transform: rotate(120deg);
}
@-webkit-keyframes spin {
100% { 
	-webkit-transform: rotate(360deg); transform: rotate(360deg); 
}
} 

@keyframes spin {
100% { 
	-webkit-transform: rotate(360deg); transform: rotate(360deg); 
}
}

/* Cancel */
.cloud {
	position: absolute;
	z-index: 1;
	top: 44%;
	left: 50%;
	width: 5.9em;
	height: 4.0em;
	margin: -2.95em;
	background: rgba(255,255,255,1);
	border-radius: 50%;
	box-shadow: -3.5em 1.1em 0 -1.15em rgba(255,255,255,1), 3.3em 1.5em 0 -1.5em rgba(255,255,255,1), 0 0 0 0.6em rgba(255,255,255,1), -3.5em 1.1em 0 -0.5em rgba(255,255,255,1), 3.3em 1.5em 0 -0.9em rgba(255,255,255,1);
}
.rain {
	position: absolute;
	z-index: 2;
	top: 38%;
	left: 50%;
	width: 7.5em;
	height: 7.5em;
	margin: 0.75em 0 0 -4.4em;
}
.rain:before, .rain:after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	width: 2.25em;
	height: 2.25em;
	margin: -2em 0 0 -0.5em;
	opacity: 0.4;
    filter: alpha(opacity=0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	border-radius: 100% 0 60% 50% / 60% 0 100% 50%;
	box-shadow: 0.75em 3.25em 0 -0.25em rgba(255,255,255,0.4);
	-webkit-transform: rotate(-28deg);
	transform: rotate(-28deg);
	-webkit-animation: rain01 3s linear infinite;
	animation: rain01 3s linear infinite;
}
.rain:after {
    margin: -0.5em 0 0 -3.75em;
	-webkit-animation: rain02 3s linear infinite;
	animation: rain02 3s linear infinite;
}
@keyframes rain01 {
0% {
    opacity: 0.8;
    filter: alpha(opacity=0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
50% {
	background: rgb(255,255,255) !important;
	opacity: 0.2;
    filter: alpha(opacity=0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
100% {
	opacity: 0.8;
    filter: alpha(opacity=0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
}
@keyframes rain02 {
0% {
    background: rgb(255,255,255) !important;
	opacity: 0.2;
    filter: alpha(opacity=0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
50% {
	opacity: 0.8;
    filter: alpha(opacity=0.8);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
100% {
	background: rgb(255,255,255) !important;
	opacity: 0.2;
    filter: alpha(opacity=0.2);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}
}

/* Portal */
#container.portal.ready:after, #container.portal #alert.signin:after {
	background-image: url(../thumb/banner13.jpg);
}
.portal #store > ul > li:first-child > div > p {
	margin: 24px 0 0 0;
}
.list .thumb {
	border-radius: 5px 5px 0 0;
	/*margin: -5px;
    width: calc(100% + 10px);
	height: calc(180px + 10px);*/
	width: 100%;
	height: 180px;
}
.list {
	margin: 0 0 -15px 0;
	z-index: 2 !important;
}
.list:not(.search) li li, .list .popup-bubble, .map .list > li {
	position: relative;
    width: calc((100% - 45px) / 3);
    float: left;
    background: rgb(255, 255, 255);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
    border-radius: 5px;
	margin: 0 15px 15px 0;
}
/*#store .list li li.done:after {
    font-family: 'icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e924";
    font-size: 150px;
    position: absolute;
    right: -35px;
    bottom: -35px;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}*/
.list:not(.search) li li, .map .list > li {
	cursor: pointer;
}
.list:not(.search) li li:hover, #store .list .btn:not(.disable):hover:before, .popup-bubble:not(.disable):hover:before, .map .popup-bubble .btn:not(.disable):hover:before, .map .list > li:hover:before, #search .list .btn:not(.disable):hover:before, .list .ad3 > ins:hover, .list .ad3 > div:hover, #map-search .hover .popup-bubble:before, #portal-location .popup-bubble:hover:before {
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
}
.list .btn:hover:before, .popup-bubble .btn:hover:before {
	-webkit-transform: scale(1.0);
    transform: scale(1.0);
    -webkit-filter: brightness(1.0) contrast(1.0);
    filter: brightness(1.0) contrast(1.0);
}
.list .main, #portal-location .main {
	position: relative;
    width: 100%;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
    text-align: justify;
	/*background: rgb(255,255,255);
	margin: -5px auto 0 auto;*/
}
.list:not(.search) li li, .list .popup-bubble, .map .list > li {
    display: -webkit-box; 
    display: -moz-box;
    /*display: box;*/
    -webkit-box-orient: vertical; 
    -moz-box-orient: vertical;
    /*box-orient: vertical;*/
}
.list .main, .list .popup-bubble  {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    /*box-ordinal-group: 2;*/
}
.list .main a {
	line-height: 44px;
}
.list:not(.search) .btn, #store .list .done .btn, .popup-bubble .btn {
	width: auto;
	max-width: 200px;
	height: 29px;
	line-height: 29px;
	font-size: 14px;
	margin: 15px auto;
}
#store .list .btn:before, .map .popup-bubble .btn:before, .map .popup-bubble .btn.disable:before, .map .list .btn.disable:before, #search .list .btn:before, #search .list .btn.disable:before {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.order ~ .no-result li .discount, #account > ul > li:nth-child(3) .no-result li .discount, .list:not(.search) .discount, .card .discount {
	display: flex;
    display: -webkit-flex;
}
.order ~ .no-result li .discount span, #account > ul > li:nth-child(3) .no-result li .discount span, .list:not(.search) .discount span, .card .discount span {
	flex: 1;
	-webkit-line-clamp: 1;
	text-align: justify;
    /*text-justify: inter-ideograph;*/
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
	height: 44px;
	width: calc(100% - 55px);
}
.order ~ .no-result .ratings, #account > ul > li:nth-child(3) .no-result .ratings, .list .ratings, .card .ratings {
    margin-left: 15px;
}
.list .thumb ~ ul {
	position: absolute;
	line-height: 29px;
    top: 0;
	width: 100%;
    padding: 10px 15px;
	background: -moz-linear-gradient(bottom, rgba(250,250,250,0.6) 15%, rgba(250,250,250,0) 55%);
    background: -webkit-linear-gradient(bottom, rgba(250,250,250,0.6) 15%, rgba(250,250,250,0) 55%);
    background: linear-gradient(to top, rgba(250,250,250,0.6) 15%, rgba(250,250,250,0) 55%);
    box-sizing: border-box;
    text-align: left;
    height: 180px;
	border-radius: 5px 5px 0 0;
	z-index: 0;
}
.list .thumb ~ ul li {
	background: none;
	box-shadow: none;
	width: auto;
	margin: calc(180px - 29px - 10px - 10px) 0 0 15px;
	float: right;
}
.portal .list li li.on h1 {
	color: rgb(255,255,255);
}
.portal .list li li.on .discount span, .portal .list li li.on .ratings {
	color: rgb(255,255,255, 0.8);
}
.portal .list li li.on .btn:before {
    background: rgba(255,255,255,0.8) !important;
}
.portal #store h3 {
	/*padding-bottom: 0;*/
}
.portal #store .list > li > ul {
	/*padding-top: 20px;*/
}
.portal #store > ul > li:first-child .order-in {
	display: none;
}

/* Info */
#store .info {
	font-size: 14px;
	line-height: 22px;
	margin-top: 30px;
}
#store .info > p, #store .info ul {
	margin: 0 auto 30px auto;
}
#store .info ul {
	overflow: auto;
}
#store .info li {
	display: inline-block;
    float: left;
    padding: 0 15px;
	width: calc((100% - 61px) / 2);
	text-align: left;
	margin: 4px 0 3px 0;
}
#store .info li:nth-child(odd) {
	text-align: right;
}
#store .info li:nth-child(odd):last-child {
    float: none;
    text-align: center;
}
#store .info li:nth-child(even) {
	border-style: none none none solid;
    border-width: 1px;
    padding: 0 15px;
    border-color: rgba(138, 154, 154, 0.2);
}
#store .info li:nth-child(5), #store .info li:nth-child(6), #store .info li:nth-child(7) {
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	border: none;
}
#store .outer, .gift {
    margin-top: 0;
}
#store .rss, #store .facebook, .gift li {
	margin-bottom: 15px;
	background: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}
#store .facebook {
	flex: 1;
	height: 339px;
	overflow: hidden;
	margin-right: 15px;
}
#store .rss a, .gift a:not(.right) {
	text-align: center;
	width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
#store .info .rss .main p, .gift .main p {
	width: 100%;
	height: 44px;  
    -webkit-line-clamp: 2;
}
.info .coupon:not(.buy) h1 {
    width: calc(100% - 50px);
}
.info .coupon:not(.buy) .price:before {
 	display: none;   
}
#store .info .coupon .main p, #store .info .shopping .main p, .gift .main p {
	height: 22px;  
    -webkit-line-clamp: 1;
	margin-bottom: 0;
}
#store .info .shopping .main > p, .gift.shopping .main > p {
    margin: 30px 0 10px 0;
    font-size: 18px;
    line-height: 25px;
    color: rgb(0,0,0);
}
#account .gift.shopping .main p span {
    color: rgb(102,102,102);
}
#store .info .coupon .main div p, #store .info .shopping .main div p, .gift .main div p, .point .main div p {
	float: left;
	margin: 0 15px 15px 0;
	width: auto;
}
#store .info .coupon .main div p:first-child:before {
	content: "已領"
}
#store .info .coupon.buy .main div p:first-child:before, #store .info .shopping:not(.video) .main div p:first-child:before, .gift.shopping .main div p:first-child:before {
	content: "已售"
}
#store .info .coupon .main div p:after {
	content: "張"
}
#store .info .coupon.buy .main div p:after, #store .info .shopping:not(.video) .main div p:after, .gift.shopping:not(.video) .main div p:after {
	content: "份"
}
#store .info .coupon .main a:before {
	content: "領取優惠"
}
#store .info .coupon.buy .main a:before {
	content: "立即購買"
}
#store .info .shopping .main a:before {
	content: "前往搶購"
}
.gift.shopping .main a:before {
	content: "前往折抵"
}
#store .info .shopping.video .main a:before {
	content: "前往觀看"
}
#store .info .shopping .price span, .gift.shopping .price span, #store .info .video .price:after {
    font-size: 13px;
    font-weight: normal;
    color: rgb(102,102,102);
    padding: 0 0 0 5px;
}
#store .info .shopping .price span:last-child, .gift.shopping .price span:last-child {
	text-decoration: line-through;
	padding: 0 0 0 15px;
}
#store .info .shopping .price, .gift.shopping .price {
    left: 15px;
}
#store .info .shopping.video .price:after {
    content: "商品";
}
#store .info .shopping.video .thumb:before, #store .info .shopping.video .thumb:after {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 44px;
	font-size: 20px;
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: block;
	color: rgba(255,255,255,0.8);
	content: "\e926";
	font-family: 'icon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Instagram */
#store .instagram {
	overflow: hidden;
	padding: 60px;
    margin: 20px -60px -60px -60px;
}
#store .instagram h2:before {
    content: "IG";
}
.instagram-feed .insta-link {
    background: none;
}
.instagram-feed .insta-link:hover .insta-image {
    opacity: 1.0;
}
.instagram-feed {
    grid-column-start: 1;
    grid-column-end: 5;
    display: grid;
    grid-gap: 15px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-flow: column;
	padding: 60px;
	margin: -60px;
}
.instagram-feed .instagram-new {
    width: 100%;
    padding: 0;
	overflow: hidden;
    box-shadow: 0 1px 3px 0 rgb(0, 0, 0, 0.4);
    background: rgba(255,255,255,1);
    border-radius: 5px;
}

/* Google Reviews */
#store .google-reviews {
	text-align: left;
}
#store .google-reviews h2:before {
    content: "Star";
}
.place-review-header, .review-item {
	display: inline-block;
	border-style: none none solid none ;
    border-width: 1px;
    padding: 0 0 15px 0;
	margin: 0 0 15px 0;
    border-color: rgba(138, 154, 154, 0.2);
	width: 100%;
}
.place-review-header {
    display: flex;
    flex-direction: row;
	flex-wrap: wrap;
}
.business-chart li {
	display: flex;
  	align-items: center;
}
.chart {
    position: relative;
    background: rgba(138, 154, 154, 0.2);
    height: 8px;
    width: 200px;
	margin: 5px 0 5px 10px;
	border-radius: 8px;
	display: flex;
	flex: 1;
	-webkit-filter: drop-shadow(0 0 2px rgba(0,0,0,0.31));
    filter: drop-shadow(0 0 2px rgba(0,0,0,0.31));
	overflow: hidden;
}
.chart .full {
    white-space: nowrap;
    height: 8px;
    border-radius: 8px;
	background: -moz-linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
    background: linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);   
	display: flex;
  	flex-direction: column;
  	justify-content: center;
	text-align: center;
	width: 100%;
	padding-right:calc(100% - var(--width));
	-webkit-clip-path: inset(0 calc(100% - var(--width)) 0 0);
	clip-path: inset(0 calc(100% - var(--width)) 0 0);
	transform: translateX(-100%);
	transform-origin:left center;
}
.ready .chart .full {
	animation: chart-bar 0.75s ease forwards;
}
.ready .business-chart li:first-child .full {
	animation-delay: 2.5s;
}
.ready .business-chart li:nth-child(2) .full {
	animation-delay: 3s;
}
.ready .business-chart li:nth-child(3) .full {
	animation-delay: 3.5s;
}
.ready .business-chart li:nth-child(4) .full {
	animation-delay: 4s;
}
.ready .business-chart li:nth-child(5) .full {
	animation-delay: 4.5s;
}
@keyframes chart-bar {
0%  {
    transform: translateX(-100%);
	}
100% {
	transform: translateX(0);
	}
}
.business-chart, .business-rating {
	margin: 0 30px 0 0;
	width: calc((100% - 30px - 30px) / 3);
	text-align: center;
}
.business-rating .ratings .icon-rating {
	font-size: 36px;
	margin: 5px auto 0 auto;
}
.business-rating .ratings .full {
	background-position: -150px 0, 0 0;
}	
.business-title {
    flex-grow: 2;
    flex-shrink: 1;
    flex-basis: 0%;
}
.business-rating-number {
    font-size: 50px;
    font-weight: 300;
    line-height: 60px;
	width: 100%;
	display: inline-block;
}
#store > .ratings {
	margin-top: 10px;
	overflow: visible;
}
#store .review-author .ratings, #store .business-rating .ratings {
    margin-top: 0;
}
.ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: rgba(138, 154, 154, 0.2);
    overflow: hidden;
    height: 36px;
	-webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,0.25)) blur(0) ;
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.25)) blur(0) ;
	z-index: 2;
	cursor: pointer;
}
.ratings .icon-rating {
    font-size: 20px;
    line-height: 36px;
}
.ratings .full {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
	background-image: -moz-linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
	background-image: -webkit-linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
    background-image: linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	background-position: -80px 0, 0 0;
	-moz-background-size: 150% 100%, 100% 100%;
    background-size: 150% 100%, 100% 100%;
 	-webkit-transition: background-position 1.5s ease;
    -moz-transition: background-position 1.5s ease;       
    -o-transition: background-position 1.5s ease;
    transition: background-position 1.5s ease;	
}
.ratings .full:hover {
    background-position: 0 0, 0 0;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    transition-duration: 1.5s;
}
.business-title h1 {
	font-size: 18px;
    line-height: 25px;
	color: rgb(0,0,0);
	cursor: pointer;
	margin: 15px 0 25px 0;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 25px;
    overflow: hidden;
}
.write-reviews {
    font-size: 13px;
    border-radius: 5px;
    height: 29px;
    line-height: 29px;
    width: 103px;
    text-align: center;
    color: rgb(255,255,255);
    display: inline-block;
    cursor: pointer;
    margin: 0 0 15px 0;
    box-shadow: 0 1px 3px 0 rgb(0, 0, 0, 25%);
}
.business-title > span {
	margin-left: 20px;
}
.write-reviews .icon-write {
	font-size: 24px;
	line-height: 38px;
    height: 38px;
    float: left;
	margin: 0 5px 0 0;
}
.review-item:last-child {
    margin-bottom: 0;
}
.review-author p {
	cursor: pointer;
	color: rgb(0,0,0);
	font-size: 15px;
	max-width: calc(100% - 36px - 90px - 50px - 45px);
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
.review-author > * {
	line-height: 36px;
	float: left;
	margin: 0 15px 0 0;
}
.review-avatar, .review-avatar img {
    width: 36px;
    height: 36px;
}
.review-time {
	margin: 0;
}
.review-content {
	width: 100%;
	margin: 5px 0 0 0;
	display: inline-block;
	white-space: pre-wrap;
	text-align: left;
	line-height: 22px;
    font-size: 14px;
}
.read-more-wrap {
    /*text-align: justify;*/
    display: inline-block;
}
.read-more-target {
	white-space: normal;
	font-size: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: height .3s linear;
	-moz-transition: height .3s linear;
	-ms-transition: height .3s linear;
	-o-transition: height .3s linear;
	transition: height .3s linear;
	height: 0;
	line-height: 0;
	display: inline-block;
}
.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	font-size: inherit;
	white-space: pre-wrap;
	height: auto;
	line-height: 22px;
	width: 100%;
}
.read-more-trigger {
	display: inline-block;
    cursor: pointer;
    -webkit-transition: color .3s linear;
    -moz-transition: color .3s linear;
    -ms-transition: color .3s linear;
    -o-transition: color .3s linear;
    transition: color .3s linear;
	width: 100%;
}
#store > ul > li > div:first-child h2 {
	padding-top: 20px;
}
.read-more-state, .read-more-state:checked ~ .read-more-trigger, #store > ul > li > div:first-child h2:before {
  	display: none;
}

/* Service */
#container.service.ready:after {
	background-image: url(../image/service.png);
}
#container.service:before {
	z-index: -1;
}
#container.service.ready > .outer:before, #container.account.ready > .outer:before {
	height: 145px;
	right: -40px;
}
#container.service.ready #service:before, #container.account.ready #account:before {
    height: 460px;
    bottom: -65px;
    right: -360px;
}
#container.service > .outer:after, #container.account > .outer:after, #container.search.list > .outer:after {
	position: fixed;
	z-index: 2;
	background: -moz-linear-gradient(top, rgba(255,255,225,0) 200px, rgba(255,255,225,0.2) 400px, rgba(255,255,225,0.4) 800px); 
	background: -webkit-linear-gradient(top, rgba(255,255,225,0) 200px, rgba(255,255,225,0.2) 400px, rgba(255,255,225,0.4) 800px); 
	background: linear-gradient(to bottom, rgba(255,255,225,0) 200px, rgba(255,255,225,0.2) 400px, rgba(255,255,225,0.4) 800px); 
}
#container.search.list > .outer:after {
	background: none; 
}
#container.service #header h1, #container.account #header h1 {
	position: absolute;
    left: 0;
    top: 25px;
    text-align: left;
    transition-delay: 0.5s;
}
#container.service #nav {
	top: 239px;
}
#container.service #nav > ul > li:last-child, #container.store #nav > ul > li:last-child {
	 position: fixed;
	 right: 0;
}
#container.service .form {
	position: relative;
    z-index: 2;
	width: calc(100% - 60px);
	display: inline-block;
	margin: 50px auto 35px auto;
}
#container.service .form .text {
	width: 100%;
	z-index: 1;
}
#container.service .form .text input {
	padding: 0 44px 0 15px;
}
#container.service .form .text > span {
	left: auto;
	right: 0;
	cursor: pointer;
}
#service, #account {
	background: none;
    box-shadow: none;
    padding-top: 0;
	overflow: inherit;
	min-height: calc(100vh - 95px - 144px - 66px);
}
#service {
	z-index: 3;
}
#service > ul > li > ul > li {
	position: relative;
    font-size: 15px;
    color: rgb(0, 0, 0);
    min-height: 50px;
	-webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
#service > ul > li > ul > li.on {
    height: auto;
	min-height: 70px;
}
#service li li > span {
    cursor: pointer;
    position: relative;
    line-height: 30px;
    padding: 10px 0;
	display: block;
    text-align: justify;
    /*text-justify: inter-ideograph;*/
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
}
#service li li div {
    position: relative;
    width: 100%;
    line-height: 22px;
    font-size: 14px;
    color: rgb(102, 102, 102);
    white-space: normal;
	height: 0;
	min-height: 0;
	overflow: hidden;
    -webkit-transition: min-height 0.3s ease 0s;
    -moz-transition: min-height 0.3s ease 0s;
    -ms-transition: min-height 0.3s ease 0s;
    -o-transition: min-height 0.3s ease 0s;
    transition: min-height 0.3s ease 0s;
}
#service li li.on div {
	height: auto;
	min-height: 22px;
	margin-bottom: 20px;
}
#service li:nth-last-child(2) li > span, #service li:nth-last-child(3) li > span {
    cursor: default;
}
#service li:nth-last-child(2) li:hover > span, #service li:nth-last-child(3) li:hover > span {
    color: rgba(0,0,0,1);
}
#service li:nth-last-child(2) li.on div, #service li:nth-last-child(3) li.on div {
    margin-bottom: 0;
}
#service ul ul ul {
    padding: 0 0 0 26px;
}
#service ul > li:nth-last-child(2) > ul, #service ul > li:nth-last-child(3) > ul {
    padding: 0;
}
#service li li li {
    list-style-type: disc;
}
#service > ul > li:nth-last-child(2) > ul > li, #service > ul > li:nth-last-child(3) > ul > li {
    list-style-type: none;
}
#service > ul > li > p {
    line-height: 50px;
	text-align: left;
}
#service > ul > li.no-result .no-result, #account > ul > li.no-result .no-result, #account > ul > li.less .no-result {
    display: block;
}
#service > ul > li .no-result, #service > ul > li.no-result ul, #service > ul > li.no-result > p, #container.service #nav > ul > li:last-child, #container.account #nav > ul > li:last-child, #container.store #nav > ul > li:last-child, #account > ul > li .no-result {
    display: none;
}

/* Account */
#container.account #header {
	z-index: 5;
}
#container.account #nav {
	top: 80px;
	z-index: 4;
}
#container.account #nav .thumb {
	overflow: hidden;
	padding-top: 100%;
	cursor: pointer;
	z-index: 5;
}
#container.account #nav .thumb:hover {
	background: rgba(255,255,255,0.6);
}
#container.account #nav .thumb .icon-upload, #container.store #nav .thumb .icon-add, .list .thumb .icon-add {
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    font-size: 100px;
    z-index: 3;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 1s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1s cubic-bezier(.25, .8, .25, 1);
    transition: all 1s cubic-bezier(.25, .8, .25, 1);
	cursor: pointer;
}
#container.store.vip #nav .thumb .icon-add {
	cursor: default;
}
/* Tank memo member card method */
#container.account #nav .thumb:hover .icon-upload /*, , #container.store:not(.vip) #nav .thumb:hover .icon-add */ {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#container.account #nav .thumb:hover img/*, #container.store:not(.signed) #nav .thumb:hover img */ {
	width: 150%;
	-webkit-filter: blur(50px);
    -moz-filter: blur(50px);
    -ms-filter: blur(50px);
    -o-filter: blur(50px);
    filter: blur(50px);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='50');-webkit-transition: filter .5s ease-in;
    -moz-transition: filter .5s ease-in;
    -ms-transition: filter .5s ease-in;
    -o-transition: filter .5s ease-in;
    transition: filter .5s ease-in;
	z-index: -1;
}
#container.account #nav .thumb:before {
    z-index: 2;
}
#container.account #nav li {
	width: 100%;
	color: rgba(152, 152, 152, 1);
	background: -moz-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 100%); 
	background: linear-gradient(to bottom, rgba(225,225,225,1) 0%, rgba(255,255,255,1) 100%);
	border-radius: 0 0 5px 5px; 
	margin: 0 auto;
	line-height: 25px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 0.5s ease-in-out; 
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
#container.account #nav li:last-child { 
	line-height: 50px
}
#container.account.ready #nav ul {
    width: calc(100% - 30px);
}
#container.account #nav li:first-child {
	z-index: 4;
}
#container.account #nav li:nth-child(2) {
	width: calc(100% - 30px);
	z-index: 3;
}
#container.account #nav li:nth-child(3) {
	width: calc(100% - 30px * 2);
	z-index: 2;
}
#container.account #nav li:nth-child(4) {
	width: calc(100% - 30px * 3);
	z-index: 1;
}
#container.account #nav li:nth-child(5) {
	width: calc(100% - 30px * 4);
	line-height: 50px;	
	z-index: 0;
}
#container.account #nav li b {
	font-size: 50px;
	font-weight: normal;
	font-style: italic;
	position: relative;
    z-index: 4;
	-webkit-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
    transition: all 1.5s cubic-bezier(.42, 0, .58, 1);
}
#container.account #nav li:hover {
	z-index: 5;
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
}
#container.account #nav li.on:hover {
	cursor: default;
}
#container.account.ready #nav li.on {
	z-index: 5;
	color: rgba(255,255,255,1.0);
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31); 
}
#container.account.ready #nav li.on b {
	color: rgba(255,255,255,0.4) !important;
}
#container.account #nav li:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    transition: all 1s cubic-bezier(.42, 0, .58, 1);
	transition-delay: 0.2s;
	z-index: -1;
	border-radius: 0 0 5px 5px;
}
#container.account.ready #nav li.on:before {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	
}
#container.account.ready #nav li {
	-webkit-animation-name: dropin;
	transition-delay: 0.5s;
}
@-webkit-keyframes dropin {
0% {
	-webkit-opacity:0; 
	-webkit-transform: translate(0,-300px); 
}
100% {
	-webkit-opacity:1.0; 
	-webkit-transform: translate(0,0);
}
}
@keyframes dropin {
0% {
	opacity:0; 
	transform: translate(0,-300px);
}
100% {
	opacity:1.0; 
	transform: translate(0,0);
}
}
#container.account.ready #nav li:first-child {
	-webkit-animation-duration: 0.9s;
	animation-duration: 0.9s;
}
#container.account.ready #nav li:nth-child(2) {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
}
#container.account.ready #nav li:nth-child(3) {
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}
#container.account.ready #nav li:nth-child(4) {
	-webkit-animation-duration: 0.6s;
	animation-duration: 0.6s;
}
#container.account.ready #nav li:nth-child(5) {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
#account {
	position: relative;
	min-height: calc(100vh - 95px - 66px);
	padding-top: 50px;
	z-index: unset;
}
#account > ul > li > p {
    padding: 0 18px;
}
#account .ad1 {
    left: 50%;
	margin: 0 0 0 -422px;
}
#account > ul > li > p {
	position: relative;
	width: 100%;
	padding: 0 65px;
	margin-left: -65px;
	line-height: 42px;
	border-width: 1px;
	border-style: solid none solid none;
	z-index: 0;
	font-size: 14px;
} 
#account > ul > li.no-result .no-result {
    margin: 70px auto 0 auto;
}
#account ul > li > ul, #account .done:not(.left) {
	display: inline-block;
	width: 100%;
	margin: 30px auto;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
	z-index: 1;
	pointer-events: auto;
}
#container.account .done:not(.left) {	
	margin: 80px auto 0 auto;
    height: calc(258px - 44px);
}
#container.account .done:not(.left) p {	
	margin: 20px auto 0 auto;
}
#account ul ul.hide, #account .done:not(.left).hide {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    z-index: -1;
    pointer-events: none;
    height: 0;
    margin: 0 auto;
    vertical-align: top;
	display: flex;
	display: -webkit-flex;
	transition: none;
}
#account .done.hide:not(.left) {
	margin: 0;
}
#account ul li .submit {
	margin: 0 auto 30px auto;
}
#account ul li .submit.fixed, #store ul li .submit.fixed {
	position: fixed;
	bottom: 0;
	margin: 0;
	left: 0;
	right: 0;
	width: unset;
	z-index: 4;
	padding-bottom: calc(2 * env(safe-area-inset-bottom));
}
#account ul li .submit, #account ul li .submit.fixed:before, #store ul li .submit, #store ul li .submit.fixed:before, #store ul li .submit.fixed:after, .meal > li > ul > li, .meal > li > ul > li .action:after, .meal > li > ul > li .action .icon-minus:after, .meal > li > ul > li .action .icon-plus:after, .point .action:after, .point .icon-arrow-down, .option .icon-check:after, #cart .icon-minus:after, #cart .icon-plus:after, #account .order li, .list > li li:not(.disable), #store .menu .lSSlideOuter .lSPager.lSGallery li, .lg-toolbar .lg-icon, .write-reviews, .order ~ .no-result li .thumb, .order ~ .no-result li .main, #account > ul > li:nth-child(3) .no-result li .thumb, #account > ul > li:nth-child(3) .no-result li .main, #account .card li .thumb, #account .card li .main, .instagram-feed .instagram-new, .info .rss, .info .facebook, #account .card > li, #account .order > li, .popup-bubble:before, #filter .cat li, #account .gift li:hover, #account .gift > li, #account .point li li, #store .gift > *:not(h2):not(p), #store .point > div {
	-webkit-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
}
#account ul li .submit.fixed:before, #store ul li .submit.fixed:before {
	border-radius: 0;
}
#store ul li .submit.fixed:before {
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
#account > ul > li:last-child > ul > li:nth-child(4), #account > ul > li:last-child > ul > li:nth-child(5) {
    width: calc(((845px - (240px * 2)) / 2) + (240px * 2));
    float: none;
    margin: 0 auto;
	display: inline-block;
	padding: 0;
}
#account > ul > li > ul > li:nth-child(5) .text:not(.hide) {
    position: relative;
}
#account > ul > li > ul > li:nth-child(5) .account-tag, #account > ul > li > ul > li:nth-child(5) .account-address {
    width: 90px;
    float: left;
    padding-left: 15px;
	line-height: 44px;
    font-size: 15px;
    text-align: left;
    color: rgb(255,255,255);
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#account > ul > li > ul > li:nth-child(5) .account-address {
    width: calc(100% - 90px - 15px);
    margin-left: 15px;
}
#account > ul > li > ul > li:nth-child(5) textarea.account-address {
	border-right: 75px solid transparent;
    overflow: hidden;
	white-space: nowrap;
}
#account > ul > li > ul > li:nth-child(5) .list .account-address {
    width: calc(100% - 90px - 15px - 15px - 60px - 60px);
    padding-right: 0;
}
#account > ul > li > ul > li:nth-child(5) .list .account-tag, #account > ul > li > ul > li:nth-child(5) .list .account-address {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
#account > ul > li > ul >  li {
	width: 50%;
	float: left;
	padding: 0 calc((50% - 240px) / 2);
    box-sizing: border-box;
}
#container.account .text, #account h3, #account .fb, #account .google, #account > ul > li:last-child .dropdown {
	width: 100%;
	margin: 0 0 15px 0;
}
#account > ul > li > ul > li:nth-child(5) h3, #account > ul > li > ul > li:nth-child(4) h3, #account > ul > li > ul > li:nth-child(5) .text {
    float: left;
	width: 100%;
}
#account ul ul ul {
	margin: 0 auto;
	display: flow-root;
}
#account > ul > li:last-child ul ul li {
	position: relative;
    width: 100%;
    min-height: 44px;
    margin: 0 0 15px 0;
}
#account ul ul ul .list {
	display: inline-block;
	border-width: 1px;
    border-style: none none solid none;
	width: 100%;
}
#account ul ul ul .list a {
    width: 60px;
    display: inline-block;
    line-height: 44px;
    float: right;
}
#account h3 {
	text-align: left;
	margin: 0 auto;
}
#account .text .btn, #alert .text .btn {
	width: 60px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#account .btn.fb, #account .btn.google {
	color: rgba(255, 255, 255, 1);
}
#account .fb.on, #account .google.on, #account .btn.on, #alert .btn.on, #alert li.signup .verify-clock {
	color: rgba(152, 152, 152, 1);
}
#account .fb:before, #account .google:before, #account .text .btn:before, #alert .text .btn:before {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    transition: all 1s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0.2s;
}
#account .fb.on:before, #account .google.on:before, #account .text .btn.on:before, #alert .text .btn.on:before {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
#account .fb:after, #account .google:after, #account .text .btn:after, #alert .text .btn:after {
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    display: block;
    border-radius: 30px;
    z-index: -2;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 1s cubic-bezier(.42, 0, .58, 1);
    transition: all 1s cubic-bezier(.42, 0, .58, 1);
    transition-delay: 0.2s;
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1), rgba(225,225,225,1));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1), rgba(225,225,225,1));
    background: linear-gradient(-45deg, rgba(255,255,255,1), rgba(225,225,225,1));
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
#account .fb.on:after, #account .google.on:after, #account .text .btn.on:after, #alert .text .btn.on:after {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#account .fb:hover:after, #account .google:hover:after {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-filter: brightness(1.1) contrast(1.1);
    filter: brightness(1.1) contrast(1.1);
}
#account .text .btn:before, #account .text .btn:after, #alert .text .btn:before, #alert .text .btn:after {
	border-radius: 0 5px 5px 0;
}
#account .text .btn.on {
	cursor: default;
}
#account .text, #account .list, #account ul ul ul li, 
#account .text .btn, #account .text .btn p, #account .text .btn.on p:last-child, 
#alert .text .btn, #alert .text .btn p, #alert .text .btn.on p:last-child {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.5s cubic-bezier(.25, .8, .25, 1);	
}
#account .text.hide, #account .list.hide, #account .text .btn.hide, #account > ul > li:last-child ul ul li.hide, 
#account .text .btn.on p:first-child, #account .text .btn p:last-child,
#alert .text .btn.on p:first-child, #alert .text .btn p:last-child, #alert .hide {
	margin: 0 auto;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
	height: 0;
	min-height: 0;
}
#account .text.hide, #account ul ul ul li.hide, 
#account .text .btn.on p:first-child, #account .text .btn p:last-child,
#alert .text .btn.on p:first-child, #alert .text .btn p:last-child, #alert .text.hide, #alert .hide {
	height: 0;
}
#account ul ul ul li.hide {
	overflow: hidden;
}
#account ul ul ul .text.hide {
	height: auto;
}
#account ul ul ul .list, #account ul ul ul .text {
	position: absolute;
	left: 0;
}
#account .text .btn p, #alert .option .text .btn p {
    position: absolute;
    width: 60px;
    left: 0;
    top: 0;
    line-height: 44px;
    margin: 0;
	padding: 0;
}

/* Switch */
.switch {
	display:inline-block;
	width: 90px;
	height:44px;
	position:relative;
	background: rgba(255, 255, 255, 0.2);
	border-radius:44px;
	cursor: pointer;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	transition:left .5s;
	float: left;
}
.switch:before {
	content:'';
	width:40px;
	height:40px;
	border-radius:50%;
	background-color: rgb(255,255,255);
	position:absolute;
	top:2px;
	left:2px;
	transition:left .5s;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
[id^="line"]:checked ~ .switch:before{
	content:'';
	position:absolute;
	left: 48px;
	background-color: rgb(255,255,255);
}
[id^="line"] {
 	display:none;
}
#account > ul > li:last-child > ul > li:nth-child(4) li p {
	line-height: 44px;
    text-align: left;
    display: inline-block;
    float: left;
    margin: 0 0 0 30px;
	font-size: 15px;
    color: rgb(255,255,255);
	width: calc(100% - 90px - 30px - 15px - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
#account > ul > li:last-child > ul > li:nth-child(4) .thumb, #cart .switch + p + .thumb {
    width: 44px;
    height: 44px;
    border-radius: 44px;
    overflow: hidden;
    position: absolute;
    right: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
#account > ul > li:last-child > ul > li:nth-child(4) img, #cart .switch + p + .thumb img {
    max-width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    position: absolute;
    max-height: none;
}
#cart .switch + p + .thumb {
	bottom: 15px;
	right: 15px;
}
#cart .switch {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	height: calc(29px + 4px);
	width: calc((29px * 2) + 10px);
}
#cart .switch:before {
    width: 29px;
    height: 29px;
}
#cart [id^="line"]:checked ~ .switch:before{
	background-color: rgb(255,255,255);
	left: calc(29px + 2px + 5px);
}
#cart .switch + p {
    width: calc(100% - 90px - 15px - 15px);
    margin: 0 0 15px 15px;
}

/* Order */
#account .filter, .fc .fc-toolbar.fc-header-toolbar > div:nth-child(3) {
	width: auto;
	height: 50px;
	float: right;
	margin: 0 -65px 0 0;
	border-radius: 5px;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25); 
}
#account .filter li {
	width: calc(415px / 4);
	float: left;
	line-height: 47px;
	cursor: pointer;
	-webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
	font-size: 14px;
}
#account .filter li:after, #account .fc .fc-button-primary:after {
	content: "";
	width: 0;
	height: 5px;
	display: block;
	margin: 0 auto;
	transition: all 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
#account .filter li.on {
	cursor: default;
}
#container.ready #account .filter li.on:after, #container.ready #account .fc .fc-button-primary:disabled:after {
	width: 60px;
}
#account .order, #account .card {
	width: calc(100% + 15px);
    margin-bottom: 0;
    display: inline-block;
	padding: 0;
}
#account .order > li, .info .rss, #account .gift li, #store .gift > *:not(h2):not(p):not(.no-result) {
	position: relative;
	width: calc((100% - 45px) / 3);
	float: left;
	background: rgba(255, 255, 255, 0.2);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	cursor: pointer;
	display: -webkit-box;
    display: -moz-box;
    /*display: box;*/
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    /*box-orient: vertical;*/
	margin: 0 15px 15px 0;
	padding: 0;
}
#account .order li .thumb, .info .rss .thumb, .list .thumb, .gift .thumb {
	width: 100%;
    height: 180px;
    overflow: hidden;
    position: relative;
    border-radius: 5px 5px 0 0
}
#account .order li .thumb img, .info .rss .thumb img, .list .thumb img, .gift .thumb img, #store .gift > *:not(h2):not(p):hover .thumb img {
	max-width: 100%;
    max-height: none;
    height: auto;
}
#account .order li:hover .thumb img, .info .rss:hover .thumb img, #search .list li:hover .thumb img, #store .list li li:hover .thumb img, .gift li:not(.disable):hover .thumb img, #store .gift > *:not(h2):not(p):not(.disable):hover .thumb img {
	max-width: 110%;
}
#account .order .datepicker, #discount .datepicker, #account .point .datepicker {
    width: 80px;
	height: auto;
    position: absolute;
    top: -7px;
    left: 7px;
}
#account .order .datepicker .mm, #account .order .datepicker .tt, #discount .datepicker .mm, #discount .datepicker .tt, #account .point .datepicker .mm, #account .point .datepicker .tt {
    height: 25px;
    line-height: 25px;
}
#account .order .dd, #discount .datepicker .dd, .list .thumb ~ ul span, #account .point .datepicker .dd {
	font-size: 25px;
    line-height: 25px;
	margin: 5px 0 0 0;
}
#account .order li .main, .info .rss .main, .gift .main {
	position: relative;
	width: 100%;
	-webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    /*box-ordinal-group: 2;*/
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	text-align: justify;
	transform: translateZ(0.1px);
	z-index: 3;
}
#account .order .main > ul, .info .rss .main p, .gift .main p, .point .main p {  
	margin: 15px 0;
    height: 22px;
	line-height: 22px;
    width: 100%;
	text-align: justify; 
    /*text-justify: inter-ideograph;*/
    -ms-text-justify: inter-ideograph;
    -moz-text-align-last: justify;
    -webkit-text-align-last: justify;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.gift .main p {
	margin-bottom: 0;
}
#account .order .main li {
    display: inline;
	margin-right: -0.25em;
}
#account .order .main > ul > li:not(:last-child):after {
	content: "、";
}
#account .order .main li h1 {
	font-size: 14px;
    font-weight: normal;
	display: inline;
	margin-right: -0.1em;
}
#account .order .main li h1 label, #account .order .main > ul > li span, #account .order .main > ul > li div {
	display: none;
}
#account .order .main .status, .list:not(.search) .discount, .order ~ .no-result li .discount, #account > ul > li:nth-child(3) .no-result li .discount, .card .discount, #store .rss a, .gift a:not(.right) {
	position: relative;
    line-height: 44px;
	height: 45px;
	font-size: 14px;
}
#account .order .main .status:after, .list:not(.search) .discount:after, .order ~ .no-result li .discount:after, #account > ul > li:nth-child(3) .no-result li .discount:after, .card .discount:after, #store .rss a:after, .gift a:not(.right):after {
    content: "";
    border: rgba(138, 154, 154, 0.2) solid;
    border-width: 1px 0 0 0;
    width: 100%;
    display: block;
    height: 44px;
    position: absolute;
    bottom: 0;
	z-index: -1;
}
.list:not(.search) .discount:after {
    border-color: rgba(138, 154, 154, 0.2);
    z-index: 2;
}
#account .order .main .status *:not(p) > span {
    position: absolute;
    bottom: 0;
    left: 0;
}
#account .order .main .status .btn {
    font-size: 14px;
    width: auto;
    height: auto;
    line-height: unset;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
#account .order .main .status p {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 50px;
}
#account .order .main .status .motion {
    transform: scale(0.5) translate(0, -100px);
    width: 100%;
    height: 100%;
}
#account .order .main .status .btn:before {
    display: none;
}
#account .order .main > h1, .info .coupon h1 {
	width: calc(100% - 75px);
}
#account .order .main .price, .gift.shopping .price, .info .rss .price {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 18px;
    line-height: 25px;
    z-index: 3;
}
#account .order > li:first-child {
    width: calc(100% - 15px);
	-webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    /*box-orient: horizontal;*/
}
#account .order li:first-child .thumb {
    height: 317px;
    width: 50%;
    border-radius: 5px 0 0 5px;
}
#account .order li:first-child .main {
    width: 50%;
}
#account .order > li:nth-child(11) {
    /*display: none;*/
}

/* Order No Result */
.order ~ .no-result .lSSlideOuter, #account > ul > li:nth-child(3) .no-result .lSSlideOuter, .record ~ .no-result .lSSlideOuter, .card, #store .coin .lSSlideOuter {
    padding: 10px;
    margin: -10px;
}
.order ~ .no-result .lSSlideWrapper, #account > ul > li:nth-child(3) .no-result .lSSlideWrapper, .record ~ .no-result .lSSlideWrapper, .record ~ .no-result .lightSlider, #store .coin .lSSlideWrapper, #store .coin .lightSlider {
    overflow: visible;
}
.order ~ .no-result .lSSlideWrapper .lSSlide, #account > ul > li:nth-child(3) .no-result .lSSlideWrapper .lSSlide, .record ~ .no-result .lSSlideWrapper .lSSlide {
	-webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
}
#account .no-result .gift li {
	transition: none;
}
.order ~ .no-result:before, .account #account > ul > li:nth-child(3) .no-result:before, .record ~ .no-result:before {
	content: "無訂單記錄";
	font-style: italic;
    font-size: 100px;
    line-height: 100px;
	opacity: 0.2;
    filter: alpha(opacity=20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    transform: translateZ(0.1px);
	color: rgb(255,255,255);
	margin: 30px 0 130px 0;
	display: inline-block;
}
.account #account > ul > li:nth-child(3) .no-result:before {
	content: "尚無會員卡";
}
.record ~ .no-result:before {
	content: "尚無分享幣";
}
.account #account > ul > li:nth-child(3) .no-result.point_txt:before {
  content: "尚無集點卡";
}
.account #account > ul > li:nth-child(3) .no-result.gift_txt:before {
  content: "尚無會員禮";
}
.order ~ .no-result li, #account > ul > li:nth-child(3) .no-result li, #account .card li {
	position: relative;
	margin-bottom: calc(-70px + 50px);
	cursor: pointer;
}
#account > ul > li.no-result .no-result .btn, #account > ul > li.less .no-result .btn {	
    margin-top: calc(44px - 15px);
}
.order ~ .no-result li .main, #account > ul > li:nth-child(3) .no-result li .main, #account .card li .main  {
	left: 0;
	right: 0;
	bottom: 35px;
	height: auto;
	position: absolute;
	z-index: 2;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	text-align: center;
	padding: 15px 15px 0 15px;
	box-sizing: border-box;
	text-align: center;
	color: rgba(255,255,255,0.8);
}
#account .order ~ .no-result li .main ul, #account #account > ul > li:nth-child(3) .no-result li .main ul, #account .card li .main ul {
	margin: 15px auto;
	display: inline-flex;
}
.order ~ .no-result li .main li, #account > ul > li:nth-child(3) .no-result li .main li, #account .card li .main li {
	min-width: calc(100% / 3);
    line-height: 22px;
	font-size: 14px;
}
.order ~ .no-result li .main li span, #account > ul > li:nth-child(3) .no-result li .main li span, #account .card li .main li span {
	font-size: 25px;
    line-height: 25px;
	/*font-weight: 300;*/
	width: 100%;
	display: inline-block;
	color: rgba(255,255,255,0.4);
	margin-bottom: 5px;
}
.order ~ .no-result li .discount:after, #account > ul > li:nth-child(3) .no-result li .discount:after, .card .discount:after {
    border-color: rgba(255,255,255,0.2);
}
.order ~ .no-result li .main:before, #account > ul > li:nth-child(3) .no-result li .main:before, #account .card li .main:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	z-index: -1;
}
.order ~ .no-result li .thumb, #account > ul > li:nth-child(3) .no-result li .thumb, #account .card li .thumb {
	height: 0;
	width: 210px;
	padding-top: calc(210px / 3 * 4);
	margin: 5px auto 70px auto;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
	z-index: 0;
	overflow: hidden;
}
#account .order > li:hover, #account .gift li:hover, #account .point li.on li:not(.disable):hover, #account .point li li:first-child:hover {
	box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.31);
}
.order ~ .no-result li:hover .thumb,  #account > ul > li:nth-child(3) .no-result li:hover .thumb, #account .card li:hover .thumb {
	box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.31);
}
.order ~ .no-result li .thumb img, #account > ul > li:nth-child(3) .no-result li .thumb img, #account .card li .thumb img {
	border-radius: 5px;
}
.order ~ .no-result li .thumb ~ .line, #account > ul > li:nth-child(3) .no-result li .thumb ~ .line, #account .card li .thumb ~ .line, .map li .thumb ~ .line, .gift .line {
    left: calc((100% - 210px) / 2 - 3px);
    right: auto;
    top: 2px;
    bottom: auto;
    -webkit-backface-visibility: hidden;    
	backface-visibility: hidden;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg); 
}
.gift .line, .map li .thumb ~ .line {
    left: -3px;
    top: -3px;
}
.order ~ .no-result li h1, .order ~ .no-result li .discount, #account > ul > li:nth-child(3) .no-result li h1, #account > ul > li:nth-child(3) .no-result li .discount, #account .card li h1 {
	color: rgb(255,255,255);
	text-align: center;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
.order ~ .no-result li .discount, #account > ul > li:nth-child(3) .no-result li .discount, #account .card .discount {
	color: rgba(255,255,255,0.8);
	margin-top: 20px;
}
.account #account > ul >li.on.less .no-result:before, #account > ul > li:first-child > p {
	display: none;
}

/* Card */
#account .card, #account > ul > li > .gift, #account .point, #account .record {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    height: 0;
	margin: 0;
    padding: 0;
	overflow: hidden;
	display: inherit;
	width: calc(100% + 15px);
}
#account .card.on, #account .gift.on, #account .point.on, #account .record.on {
	display: inline-block;
    margin: 30px auto 0 auto;
	height: auto;
	pointer-events: auto;
}
#account .card > li {
	width: calc((100% - 45px) / 3);
	margin-right: 15px;
	padding: 0;
	cursor: pointer;
}
/* Tank 會員卡跑版問題註解 */
/* #account .card li .thumb {
	margin-top: 0;
} */
#account .card .icon-close {
	position: absolute;
	z-index: 2;
	border-radius: 5px 0 0 0;
	top: 0;
	pointer-events: auto;
    touch-action: auto;
}
#account .card > li:hover .icon-close {
	opacity: 1.0;
}
/*#account .card > li:nth-child(13) {
	display: none;
}*/

/* Gold */
#account .card > li .line, #account .card > li:hover .line {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	pointer-events: none;
	-webkit-transition: opacity 0.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: opacity 0.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: opacity 0.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: opacity 0.5s cubic-bezier(.25, .8, .25, 1);
    transition: opacity 0.5s cubic-bezier(.25, .8, .25, 1);
}
#account .card > li.gold:not(:hover) .line {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Closed */
#account .card li.closed .thumb:after, .map .list > li.closed .thumb ~ ul:after, .portal .list li li.closed .thumb ~ ul:after {
	content: "未營業";
	position: absolute;
	right: 0;
	top: 0;
	font-size: 14px;
	line-height: 44px;
	width: 70px;
	color: rgba(255,255,255,1);
	border-radius: 0 5px 0 0;
	text-align: center;
	z-index: 1;
}

/* Gift */
#account .gift > li > ul > li {
	background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.gift .main a:before {
	content: "兌換優惠"
}
.gift .main div p:first-child:before, .point .main div p:first-child:before {
    content: "兌換";
}
.gift .main div p:after, .point .main div p:after {
	content: "次";
}

/* Point */
#account .point:not(.on) {
	height: 0 !important;
}
#account .point > li {
	background: none;
	box-shadow: none;
	overflow: visible;
	-webkit-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
}
#account .point li ul {
	perspective: 330px;
    perspective-origin: center 30px;
    transform: translateZ(0);
	height: 195px;
}
#account .point li.on ul {
	height: auto;
}
#account .point li.on ul li:nth-child(2), #account .point li.on ul li:nth-child(3), #account .point li.on ul li:nth-child(4) {
	transform: translate3d(0, 0, 0);
	filter: brightness(1);
}
#account .point li.on ul .icon-arrow-down {
	transform: rotate(180deg);
}
#account .point li li {
	position: relative;
	display: flex;
    display: -webkit-flex;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	/*transition: transform .3s;*/
    filter: brightness(1);
	transform-origin: center top;
    will-change: transform;
	margin: 0 0 15px 0;
	z-index: 3;
	min-height: 180px;
}
#account .point li:not(.on) li {
	transform: translate3d(0, 0, 0);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
}

/* Firefox Only */
@-moz-document url-prefix() { 
	#account .point li:not(.on) li:not(:first-child) * {
		 filter: blur(20px);
	}
	#account .point li:not(.on) li:not(:first-child) {
		 overflow: hidden;
	}

}

/* IE Only */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #account .point li:not(.on) li:not(:first-child) * {
		 filter: blur(20px);
	}
	#account .point li:not(.on) li:not(:first-child) {
		 overflow: hidden;
	}
}

#account .point li li:first-child {
	flex-direction: column;
	min-height: 165px;
}
#account .point li li:first-child:after {
    content: "";
   	background-image: -moz-linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
    background-image: -webkit-linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
    background-image: linear-gradient(-45deg, rgba(176,117,21,1.0) 0%, rgba(221,188,109,1) 25%, rgba(252,249,206,1) 50%, rgba(245,215,127,1) 75%, rgba(176,117,21,1.0) 100%);
    box-shadow: 0 1px 3px 0 rgb(0, 0, 0, 0.25);
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    height: 7px;
	background-position: -400px 0, 0 0;
	-moz-background-size: 150% 100%, 100% 100%;
    background-size: 150% 100%, 100% 100%;
 	-webkit-transition: background-position 1.5s ease;
    -moz-transition: background-position 1.5s ease;       
    -o-transition: background-position 1.5s ease;
    transition: background-position 1.5s ease;	
}
#store > .discount:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 0;
    border-color: rgba(154,123,56,1) transparent transparent transparent;
    position: absolute;
    bottom: -3px;
    right: 0;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
}
#account .point li li:first-child:hover:after {
    background-position: 0 0, 0 0;
    -webkit-transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
#account .point li li:first-child .main {
	margin: 0;
	padding-left: 7px;
}
#account .point li li:first-child h1 {
	margin: 0 0 0 95px;
	height: 25px;
	-webkit-line-clamp: 1;
}
#account .point li li:first-child .action, #account .point .icon-help {
    margin: calc(165px - 15px - 15px - 25px - 29px - 5px - 12px) 7px 0 8px;
	width: auto;
	min-width: 40px;
	float: left;
}
#account .point .icon-help {
	min-width: 0;
}
#account .point .action span {
	padding: 0 7px;
	height: 29px;
    display: block;
}
#account .icon-help, #store .icon-help {
	width: auto;
	min-width: unset;
	padding: 0;
	cursor: pointer;
	line-height: 29px;
	color: rgba(255,255,255, 0.4);
	-webkit-font-smoothing: unset;
    -moz-osx-font-smoothing: unset;
}
#account .icon-help:before, #store .icon-help:before {
    font-size: 24px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#account .point li li:first-child .price {
	position: absolute;
    right: 0;
    bottom: 17px;
    width: auto;
    min-width: 180px;
    padding: 0 15px;
    box-sizing: border-box;
}
#account .point li li:first-child .price span {
    line-height: calc(165px - 15px - 25px - 20px);
}
#account .point li li:first-child p, #account .point li li:first-child .price {
	color: rgba(255,255,255,0.8);
}
#account .point li li:nth-child(2) {
	transform: translate3d(0, -100%, -10px);
    filter: brightness(0.98);
	z-index: 2;
}
#account .point li li:nth-child(3) {
	transform: translate3d(0, -200%, -20px);
    filter: brightness(0.96);
	z-index: 1;
}
#account .point li li:nth-child(4) {
	transform: translate3d(0, -300%, -30px);
    filter: brightness(0.94);
	z-index: 0;
}
_::-webkit-full-page-media, _:future, :root #account .point li li:not(:first-child) {
  -webkit-font-smoothing: antialiased;
}
.point li li:first-child h1 {
    color: rgb(255,255,255);
	text-align: left;
}
#account .point:not(#discount) li li:not(:first-child) h1 {
	-webkit-line-clamp: 2;
	height: 50px;
	margin-bottom: 34px;
}
.portal .point h1 {
	-webkit-line-clamp: 1;
	height: 25px;
	margin-bottom: 15px;
}
.portal .point h1 + p {
	margin-bottom: 22px;
}
.point .thumb {
    border-radius: 0 5px 5px 0;
}
.point .price {
	text-align: left;
	float: left;
}
.point .main .price span {
    float: unset;
}
.point li li:first-child .price {
	font-size: 14px;
	width: 180px;
	text-align: center;
}
.point li li:first-child .price span {
	font-size: 50px;
    font-weight: normal;
	line-height: 180px;
	color: rgba(255,255,255,0.4);
}
#account .point li:not(.coin) li:first-child .action:nth-child(3), #account .point li:not(.coin) li:first-child .icon-help {
	display: none;
}

/* Exchange */
#exchange .detail a, #exchange .detail a:hover {
	color: rgba(255,255,255,0.8) !important;
}

/* Record */
#account .record { 
    width: 100%;
	/*-webkit-font-smoothing: antialiased;*/
}
#account .record li { 
    line-height: 50px;
	font-size: 14px;
	padding: 0;
	width: 100%;
	border-radius: 5px;
	position: relative;
}
#account .record.on { 
    margin-bottom: 15px;
}
#account .record .icon-help {
	line-height: 50px;
    display: block;
    float: right;
    margin: 0 0 0 15px;
}
.record li:first-child { 
    color: rgb(255,255,255);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 5px;
}
.record li:nth-child(odd):not(:first-child):before {
	content: "";
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
    background: rgba(250, 250, 250, 0.2);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
	border-radius: 5px;
	z-index: -1;
}
.record li div {
    float: left;
    width: 19%;
    text-align: left;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);   
}	
.record li div:nth-child(3) {
    width: calc(100% - (19% * 3));
}
.record li div:last-child {
    text-align: right;
}
.record > li:not(:first-child) div:last-child {
    font-size: 20px;
    font-weight: 300;
    text-align: right;
}
#account > ul > li:nth-child(4) > p, #store p.icon-help, .fc .fc-toolbar-title {
	margin-left: 15px;
    text-align: left;
    border: none;
    padding: 0;
    float: left;
    width: auto;
    line-height: 50px;
}
#store p.icon-help {
	width: 100%;
	margin: -10px 0 0 0;
	cursor: default;
	text-align: justify;
}
#account p.icon-help:before, #store p.icon-help:before {
    display: block;
    float: left;
	margin-right: 10px;	
	opacity: 0.8;
}
#account .badge {
	color: rgb(255,255,255) !important;
}

/* Store - Card */
#store .card {
	margin: 30px auto 0 auto;
}
#store .card ul {
	display: inline-block;
	margin-bottom: 15px;
}
#store .card ul li {
	float: left;
	width: 200px;
    font-size: 15px;
	position: relative;
	padding: 15px 0;
	font-size: 14px;
    line-height: 25px;
	-webkit-transition: opacity 1.0s cubic-bezier(.42, 0, .58, 1), transform 1.0s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: opacity 1.0s cubic-bezier(.42, 0, .58, 1), transform 1.0s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: opacity 1.0s cubic-bezier(.42, 0, .58, 1), transform 1.0s cubic-bezier(.42, 0, .58, 1);
    -o-transition: opacity 1.0s cubic-bezier(.42, 0, .58, 1), transform 1.0s cubic-bezier(.42, 0, .58, 1);
    transition: opacity 1.0s cubic-bezier(.42, 0, .58, 1), transform 1.0s cubic-bezier(.42, 0, .58, 1);
	transform: rotateY(-180deg);
	opacity: 0;
}
.ready #store li.on .card ul li, .ready #store li.on .card [class^="icon-"] {
	opacity: 1.0;
	transform: rotateY(0deg);
}
.ready #store li.on .card ul li:nth-child(2) {
	transition-delay: 1.0s;
}
.ready #store li.on .card ul li:nth-child(3) {
	transition-delay: 2.0s;
}
#store .card ul li:before, #store .card ul li:after {
	content: "";
	position: absolute;
	border-radius: 0 0 5px 5px;
    background: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	top: 90px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
#store .card ul li:before {
	border-radius: 0;
    box-shadow: none;
	top: 95px;
	bottom: auto;
	height: 0;
	-webkit-transition: all 1.0s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 1.0s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all 1.0s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 1.0s cubic-bezier(.42, 0, .58, 1);
    transition: all 1.0s cubic-bezier(.42, 0, .58, 1);
	transition-delay: 0.5s;
}
.ready #store li.on .card ul li:nth-child(2):before {
	transition-delay: 1.5s;
}
.ready #store li.on .card ul li:nth-child(3):before {
	transition-delay: 2.5s;
}
.ready #store li.on .card ul li:before {
	top: 0;
	height: 90px;
}
#store .card ul li:not(:last-child) {
	margin: 0 60px 0 0;
}
#store .card [class^="icon-"] {
	font-size: 24px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 100%;
    box-shadow: 0 22px 43px 0 rgb(0, 0, 0, 0.31);
    margin: 0 auto;
    color: rgb(255,255,255);
	-webkit-transition: all 0.5s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: all 0.5s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: all 0.5s cubic-bezier(.42, 0, .58, 1);
    -o-transition: all 0.5s cubic-bezier(.42, 0, .58, 1);
    transition: all 0.5s cubic-bezier(.42, 0, .58, 1);
	transform: rotateY(-180deg);
	opacity: 0;
	transition-delay: 1.5s;
}
.ready #store li.on .card li:nth-child(2) [class^="icon-"] {
	transition-delay: 2.5s;
}
.ready #store li.on .card li:nth-child(3) [class^="icon-"] {
	transition-delay: 3.5s;
}
#store .card span {
	display: inline-block;
	font-size: 18px;
    font-weight: 400;
	margin: 5px 0 15px 0;
}
#store .card p {
	margin: 15px 0 5px 0;
}
#store .card span, #store .card p {
	opacity: 0;
	webkit-transition: opacity 0.5s cubic-bezier(.42, 0, .58, 1);
    -moz-transition: opacity 0.5s cubic-bezier(.42, 0, .58, 1);
    -ms-transition: opacity 0.5s cubic-bezier(.42, 0, .58, 1);
    -o-transition: opacity 0.5s cubic-bezier(.42, 0, .58, 1);
    transition: opacity 0.5s cubic-bezier(.42, 0, .58, 1);
	transition-delay: 2s;
}
.ready #store li.on .card span, .ready #store li.on .card p {
	opacity: 1.0;
}
.ready #store li.on .card li:nth-child(2) span, .ready #store li.on .card li:nth-child(2) p {
	transition-delay: 3s;
}
.ready #store li.on .card li:nth-child(3) span, .ready #store li.on .card li:nth-child(3) p {
	transition-delay: 4s;
}
#store .gift h2:before {
	content: "Gift";
}
#store .gift > *:not(h2):not(p):not(.no-result) {
	margin-bottom: 15px;
	background: rgba(255,255,255,1);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}
#store .point h2:before {
	content: "Point";
}
#store .coupon h2:before {
	content: "Coupon";
}
#store .icon-help {
	font-size: 14px;
	color: rgba(102,102,102,1);
}
#container.store.vip:not(.gold) .gold:hover, #store .gift > *.disable:hover {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
#account .gift > *.disable:hover {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
#container.store.vip:not(.gold) .gold:hover img {
	max-width: 100%;
}
#container.store.vip:not(.gold) .gold a, #container.store.vip:not(.gold) .gold a:hover, .gift > *.disable a, .gift > *.disable a:hover {
	color: rgb(152,152,152);
	opacity: 0.2;
	cursor: default;
}
#store .gift h2, #store .gift > p, #store .point h2, #store .point > p {
    width: calc(100% - 15px);
}
#store .gift .icon-help, #store .point .icon-help {
    margin-bottom: 10px;
}
#container.store.vip:not(.gold) .gold:after, .gift > *.disable:after {
    content: "限金卡會員兌換";
    font-size: 14px;
    line-height: 44px;
    color: rgba(255,255,255,1);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	padding: 0 10px;
}
.gift > *.disable:after {
    content: "已超過兌換上限";
}
#store .gift .no-result, #store .point .no-result {
	color: rgba(102,102,102,0.2);
    width: fit-content;
    margin: 1px auto 30px auto;
    display: inline-block;
	vertical-align: top;
	font-size: 30px;
	line-height: 50px
}
#container.store:not(.coin) .coin, #container.store:not(.vip) #store .vip, #container.store.vip .card:not(#discount), 
#store .gift.no-result > *:not(h2):not(p):not(.no-result), #store .point.no-result > *:not(h2):not(p):not(.no-result), #store .gift:not(.no-result) .no-result, #store .point:not(.no-result) .no-result {
	display: none;
} 

/* Store - Progress */
.progress .grade {
    position: absolute;
    width: 100%;
    top: 0;
}
.progress .grade li {
	width: calc(100% - 150px);
	float: left;
}
.progress .grade li:first-child {
	position: relative;
}
.progress .grade li:first-child, .progress .grade li:nth-child(3) {
	width: 75px;
}
.progress .grade li:last-child {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    color: rgb(255,255,255);
    -ms-transform: translate(-20px, -50%);
    -webkit-transform: translate(-20px, -50%);
    transform: translate(-20px, -50%);
    text-align: right;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	transition: all 1.5s ease-in-out;
	transition-delay: 4.0s;
}
.progress .grade li p {
	margin: 6.25em auto 0 auto;
	width: 100%;
    display: inline-block;
}
.ready.vip .on .progress .grade li:last-child, .ready.vip .on .progress li:first-child .full, .ready.vip.gold:not(.alert) .on .progress li:nth-child(2) .full {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.progress .full {
    position: absolute;
    top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	margin: 0;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index: 2;
}
#store .progress [class^="icon-"] {
    font-size: 48px;
    opacity: 1.0;
	filter: alpha(opacity=100);
	margin: 0;   
}
.progress {
	font-size: 14px;
	display: inline-block;
	width: 100%;
	margin: 30px auto 0 auto;
	perspective: 1000px;
	perspective-origin: 50% 50%;
	backface-visibility: visible;
}
.bar {
	margin: 0 auto 30px auto;
	width: 95.7%;
	font-size: 1em;
	position: relative;
	height: 10.5em;
	transition: all 0.3s ease-in-out;
	transform: rotateX(60deg) rotateY(0deg);
	transform-style: preserve-3d;
}
.bar .face {
	font-size: 1.15em;
	position: relative;
	width: 100%;
	height: 2em;
	background-color: rgba(254, 254, 254, 0.3);
}
.bar .face.side-a, .bar .face.side-b {
	width: 2em;
	opacity: 0;
}
.bar .side-a {
	transform: rotateX(90deg) rotateY(-90deg) translateX(2em) translateY(1em) translateZ(1em);
}
.bar .side-b {
	transform: rotateX(90deg) rotateY(-90deg) translateX(4em) translateY(1em) translateZ(-1em);
	position: absolute;
	right: 0;
}
.bar .side-0 {
	transform: rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(-1em);
}
.bar .side-1 {
	transform: rotateX(90deg) rotateY(0) translateX(0) translateY(1em) translateZ(3em);
}
.bar .top {
	transform: rotateX(0deg) rotateY(0) translateX(0em) translateY(4em) translateZ(2em);
}
.bar .floor {
	box-shadow: 0 0.1em 0.6em rgba(0, 0, 0, 0.3), 0.6em -0.5em 3em rgba(0, 0, 0, 0.3), 1em -1em 8em rgba(254, 254, 254, 1.0);
}
.growing-bar {
	width: 0;
	height: 2em;
}
.side-a, .growing-bar {
	transition: all 1.5s cubic-bezier(0.65, 0.05, 0.36, 1);
    -webkit-animation: anime 10s linear infinite;
    animation: anime 10s linear infinite;	
	opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
.ready.vip .on .bar-0 .side-a, .ready.vip .on .bar-0 .side-a {
	background: none !important;
}
.ready.vip .on .bar-0 .growing-bar, .ready.vip .on .bar-0 .grade li:last-child {
	width: 0%;
}
.ready.vip .on .bar-1 .growing-bar, .ready.vip .on .bar-1 .grade li:last-child {
	width: 1%;
}
.ready.vip .on .bar-2 .growing-bar, .ready.vip .on .bar-2 .grade li:last-child {
	width: 2%;
}
.ready.vip .on .bar-3 .growing-bar, .ready.vip .on .bar-3 .grade li:last-child {
	width: 3%;
}
.ready.vip .on .bar-4 .growing-bar, .ready.vip .on .bar-4 .grade li:last-child {
	width: 4%;
}
.ready.vip .on .bar-5 .growing-bar, .ready.vip .on .bar-5 .grade li:last-child {
	width: 5%;
}
.ready.vip .on .bar-6 .growing-bar, .ready.vip .on .bar-6 .grade li:last-child {
	width: 6%;
}
.ready.vip .on .bar-7 .growing-bar, .ready.vip .on .bar-7 .grade li:last-child {
	width: 7%;
}
.ready.vip .on .bar-8 .growing-bar, .ready.vip .on .bar-8 .grade li:last-child {
	width: 8%;
}
.ready.vip .on .bar-9 .growing-bar, .ready.vip .on .bar-9 .grade li:last-child {
	width: 9%;
}
.ready.vip .on .bar-10 .growing-bar, .ready.vip .on .bar-10 .grade li:last-child {
	width: 10%;
}
.ready.vip .on .bar-11 .growing-bar, .ready.vip .on .bar-11 .grade li:last-child {
	width: 11%;
}
.ready.vip .on .bar-12 .growing-bar, .ready.vip .on .bar-12 .grade li:last-child {
	width: 12%;
}
.ready.vip .on .bar-13 .growing-bar, .ready.vip .on .bar-13 .grade li:last-child {
	width: 13%;
}
.ready.vip .on .bar-14 .growing-bar, .ready.vip .on .bar-14 .grade li:last-child {
	width: 14%;
}
.ready.vip .on .bar-15 .growing-bar, .ready.vip .on .bar-15 .grade li:last-child {
	width: 15%;
}
.ready.vip .on .bar-16 .growing-bar, .ready.vip .on .bar-16 .grade li:last-child {
	width: 16%;
}
.ready.vip .on .bar-17 .growing-bar, .ready.vip .on .bar-17 .grade li:last-child {
	width: 17%;
}
.ready.vip .on .bar-18 .growing-bar, .ready.vip .on .bar-18 .grade li:last-child {
	width: 18%;
}
.ready.vip .on .bar-19 .growing-bar, .ready.vip .on .bar-19 .grade li:last-child {
	width: 19%;
}
.ready.vip .on .bar-20 .growing-bar, .ready.vip .on .bar-20 .grade li:last-child {
	width: 20%;
}
.ready.vip .on .bar-21 .growing-bar, .ready.vip .on .bar-21 .grade li:last-child {
	width: 21%;
}
.ready.vip .on .bar-22 .growing-bar, .ready.vip .on .bar-22 .grade li:last-child {
	width: 22%;
}
.ready.vip .on .bar-23 .growing-bar, .ready.vip .on .bar-23 .grade li:last-child {
	width: 23%;
}
.ready.vip .on .bar-24 .growing-bar, .ready.vip .on .bar-24 .grade li:last-child {
	width: 24%;
}
.ready.vip .on .bar-25 .growing-bar, .ready.vip .on .bar-25 .grade li:last-child {
	width: 25%;
}
.ready.vip .on .bar-26 .growing-bar, .ready.vip .on .bar-26 .grade li:last-child {
	width: 26%;
}
.ready.vip .on .bar-27 .growing-bar, .ready.vip .on .bar-27 .grade li:last-child {
	width: 27%;
}
.ready.vip .on .bar-28 .growing-bar, .ready.vip .on .bar-28 .grade li:last-child {
	width: 28%;
}
.ready.vip .on .bar-29 .growing-bar, .ready.vip .on .bar-29 .grade li:last-child {
	width: 29%;
}
.ready.vip .on .bar-30 .growing-bar, .ready.vip .on .bar-30 .grade li:last-child {
	width: 30%;
}
.ready.vip .on .bar-31 .growing-bar, .ready.vip .on .bar-31 .grade li:last-child {
	width: 31%;
}
.ready.vip .on .bar-32 .growing-bar, .ready.vip .on .bar-32 .grade li:last-child {
	width: 32%;
}
.ready.vip .on .bar-33 .growing-bar, .ready.vip .on .bar-33 .grade li:last-child {
	width: 33%;
}
.ready.vip .on .bar-34 .growing-bar, .ready.vip .on .bar-34 .grade li:last-child {
	width: 34%;
}
.ready.vip .on .bar-35 .growing-bar, .ready.vip .on .bar-35 .grade li:last-child {
	width: 35%;
}
.ready.vip .on .bar-36 .growing-bar, .ready.vip .on .bar-36 .grade li:last-child {
	width: 36%;
}
.ready.vip .on .bar-37 .growing-bar, .ready.vip .on .bar-37 .grade li:last-child {
	width: 37%;
}
.ready.vip .on .bar-38 .growing-bar, .ready.vip .on .bar-38 .grade li:last-child {
	width: 38%;
}
.ready.vip .on .bar-39 .growing-bar, .ready.vip .on .bar-39 .grade li:last-child {
	width: 39%;
}
.ready.vip .on .bar-40 .growing-bar, .ready.vip .on .bar-40 .grade li:last-child {
	width: 40%;
}
.ready.vip .on .bar-41 .growing-bar, .ready.vip .on .bar-41 .grade li:last-child {
	width: 41%;
}
.ready.vip .on .bar-42 .growing-bar, .ready.vip .on .bar-42 .grade li:last-child {
	width: 42%;
}
.ready.vip .on .bar-43 .growing-bar, .ready.vip .on .bar-43 .grade li:last-child {
	width: 43%;
}
.ready.vip .on .bar-44 .growing-bar, .ready.vip .on .bar-44 .grade li:last-child {
	width: 44%;
}
.ready.vip .on .bar-45 .growing-bar, .ready.vip .on .bar-45 .grade li:last-child {
	width: 45%;
}
.ready.vip .on .bar-46 .growing-bar, .ready.vip .on .bar-46 .grade li:last-child {
	width: 46%;
}
.ready.vip .on .bar-47 .growing-bar, .ready.vip .on .bar-47 .grade li:last-child {
	width: 47%;
}
.ready.vip .on .bar-48 .growing-bar, .ready.vip .on .bar-48 .grade li:last-child {
	width: 48%;
}
.ready.vip .on .bar-49 .growing-bar, .ready.vip .on .bar-49 .grade li:last-child {
	width: 49%;
}
.ready.vip .on .bar-50 .growing-bar, .ready.vip .on .bar-50 .grade li:last-child {
	width: 50%;
}
.ready.vip .on .bar-51 .growing-bar, .ready.vip .on .bar-51 .grade li:last-child {
	width: 51%;
}
.ready.vip .on .bar-52 .growing-bar, .ready.vip .on .bar-52 .grade li:last-child {
	width: 52%;
}
.ready.vip .on .bar-53 .growing-bar, .ready.vip .on .bar-53 .grade li:last-child {
	width: 53%;
}
.ready.vip .on .bar-54 .growing-bar, .ready.vip .on .bar-54 .grade li:last-child {
	width: 54%;
}
.ready.vip .on .bar-55 .growing-bar, .ready.vip .on .bar-55 .grade li:last-child {
	width: 55%;
}
.ready.vip .on .bar-56 .growing-bar, .ready.vip .on .bar-56 .grade li:last-child {
	width: 56%;
}
.ready.vip .on .bar-57 .growing-bar, .ready.vip .on .bar-57 .grade li:last-child {
	width: 57%;
}
.ready.vip .on .bar-58 .growing-bar, .ready.vip .on .bar-58 .grade li:last-child {
	width: 58%;
}
.ready.vip .on .bar-59 .growing-bar, .ready.vip .on .bar-59 .grade li:last-child {
	width: 59%;
}
.ready.vip .on .bar-60 .growing-bar, .ready.vip .on .bar-60 .grade li:last-child {
	width: 60%;
}
.ready.vip .on .bar-61 .growing-bar, .ready.vip .on .bar-61 .grade li:last-child {
	width: 61%;
}
.ready.vip .on .bar-62 .growing-bar, .ready.vip .on .bar-62 .grade li:last-child {
	width: 62%;
}
.ready.vip .on .bar-63 .growing-bar, .ready.vip .on .bar-63 .grade li:last-child {
	width: 63%;
}
.ready.vip .on .bar-64 .growing-bar, .ready.vip .on .bar-64 .grade li:last-child {
	width: 64%;
}
.ready.vip .on .bar-65 .growing-bar, .ready.vip .on .bar-65 .grade li:last-child {
	width: 65%;
}
.ready.vip .on .bar-66 .growing-bar, .ready.vip .on .bar-66 .grade li:last-child {
	width: 66%;
}
.ready.vip .on .bar-67 .growing-bar, .ready.vip .on .bar-67 .grade li:last-child {
	width: 67%;
}
.ready.vip .on .bar-68 .growing-bar, .ready.vip .on .bar-68 .grade li:last-child {
	width: 68%;
}
.ready.vip .on .bar-69 .growing-bar, .ready.vip .on .bar-69 .grade li:last-child {
	width: 69%;
}
.ready.vip .on .bar-70 .growing-bar, .ready.vip .on .bar-70 .grade li:last-child {
	width: 70%;
}
.ready.vip .on .bar-71 .growing-bar, .ready.vip .on .bar-71 .grade li:last-child {
	width: 71%;
}
.ready.vip .on .bar-72 .growing-bar, .ready.vip .on .bar-72 .grade li:last-child {
	width: 72%;
}
.ready.vip .on .bar-73 .growing-bar, .ready.vip .on .bar-73 .grade li:last-child {
	width: 73%;
}
.ready.vip .on .bar-74 .growing-bar, .ready.vip .on .bar-74 .grade li:last-child {
	width: 74%;
}
.ready.vip .on .bar-75 .growing-bar, .ready.vip .on .bar-75 .grade li:last-child {
	width: 75%;
}
.ready.vip .on .bar-76 .growing-bar, .ready.vip .on .bar-76 .grade li:last-child {
	width: 76%;
}
.ready.vip .on .bar-77 .growing-bar, .ready.vip .on .bar-77 .grade li:last-child {
	width: 77%;
}
.ready.vip .on .bar-78 .growing-bar, .ready.vip .on .bar-78 .grade li:last-child {
	width: 78%;
}
.ready.vip .on .bar-79 .growing-bar, .ready.vip .on .bar-79 .grade li:last-child {
	width: 79%;
}
.ready.vip .on .bar-80 .growing-bar, .ready.vip .on .bar-80 .grade li:last-child {
	width: 80%;
}
.ready.vip .on .bar-81 .growing-bar, .ready.vip .on .bar-81 .grade li:last-child {
	width: 81%;
}
.ready.vip .on .bar-82 .growing-bar, .ready.vip .on .bar-82 .grade li:last-child {
	width: 82%;
}
.ready.vip .on .bar-83 .growing-bar, .ready.vip .on .bar-83 .grade li:last-child {
	width: 83%;
}
.ready.vip .on .bar-84 .growing-bar, .ready.vip .on .bar-84 .grade li:last-child {
	width: 84%;
}
.ready.vip .on .bar-85 .growing-bar, .ready.vip .on .bar-85 .grade li:last-child {
	width: 85%;
}
.ready.vip .on .bar-86 .growing-bar, .ready.vip .on .bar-86 .grade li:last-child {
	width: 86%;
}
.ready.vip .on .bar-87 .growing-bar, .ready.vip .on .bar-87 .grade li:last-child {
	width: 87%;
}
.ready.vip .on .bar-88 .growing-bar, .ready.vip .on .bar-88 .grade li:last-child {
	width: 88%;
}
.ready.vip .on .bar-89 .growing-bar, .ready.vip .on .bar-89 .grade li:last-child {
	width: 89%;
}
.ready.vip .on .bar-90 .growing-bar, .ready.vip .on .bar-90 .grade li:last-child {
	width: 90%;
}
.ready.vip .on .bar-91 .growing-bar, .ready.vip .on .bar-91 .grade li:last-child {
	width: 91%;
}
.ready.vip .on .bar-92 .growing-bar, .ready.vip .on .bar-92 .grade li:last-child {
	width: 92%;
}
.ready.vip .on .bar-93 .growing-bar, .ready.vip .on .bar-93 .grade li:last-child {
	width: 93%;
}
.ready.vip .on .bar-94 .growing-bar, .ready.vip .on .bar-94 .grade li:last-child {
	width: 94%;
}
.ready.vip .on .bar-95 .growing-bar, .ready.vip .on .bar-95 .grade li:last-child {
	width: 95%;
}
.ready.vip .on .bar-96 .growing-bar, .ready.vip .on .bar-96 .grade li:last-child {
	width: 96%;
}
.ready.vip .on .bar-97 .growing-bar, .ready.vip .on .bar-97 .grade li:last-child {
	width: 97%;
}
.ready.vip .on .bar-98 .growing-bar, .ready.vip .on .bar-98 .grade li:last-child {
	width: 98%;
}
.ready.vip .on .bar-99 .growing-bar, .ready.vip .on .bar-99 .grade li:last-child {
	width: 99%;
}
.ready.vip .on .bar-100 .growing-bar, .ready.vip .on .bar-100 .grade li:last-child {
	width: 100%;
}
#container:not(.vip) .progress, #container.vip #store > ul > li:nth-child(3) .info {
    display: none;	    
}

/* Animated Check */
.animated-check {
	height: 35px;
	width: 35px;
	-webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
}
.ready.vip .on .animated-check path {
	fill: none;
	stroke-width: 3;
	stroke-dasharray: 23;
	stroke-dashoffset: 23;
	animation: draw 0.5s linear forwards;
	animation-delay: 2.0s;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke: rgba(255,255,255,0.8);
}
.ready.vip .on .progress .grade li:nth-child(2) .animated-check path {
	animation-delay: 3.0s;
}
@keyframes draw {
	to {
		stroke-dashoffset: 0
	}
}
		
/* Pagination */
.pagination {
	position: relative;
	margin: 0 auto;
    width: 100%;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	z-index: 2;	
	vertical-align: top;
}
.pagination ul {
    position: relative;
	float: right;
	white-space: nowrap;
    width: auto;
}
.pagination li {
	min-width: 15px;
    margin: 0 15px;
	height: 29px;
	line-height: 29px;
	display: inline-block;
	font-size: 13px;
	text-align: center;
	cursor: pointer;
	/*float: left;*/
	-webkit-transition: color .3s linear;
  	-moz-transition: color .3s linear;
  	-ms-transition: color .3s linear;
  	-o-transition: color .3s linear;
  	transition: color .3s linear;
	padding: 0;
}
.pagination li:last-child {
	margin: 0 0 0 15px;
}
.pagination li.current {
	cursor: default;
}
.pagination .icon-arrow-left, .pagination .icon-arrow-right {
	background: none;
}
.pagination li:first-child, .pagination li:last-child {
	display: none;
}
.pagination li:first-child.active, .pagination li.active:last-child {
	display: inline-block;
	width: auto;
}
.pagination div {
	white-space: nowrap;
	width: auto;
	position: relative;
	float: left;
}
.pagination div span:first-child {
	font-size: 30px;
	font-weight: 300;
	line-height: 15px;
	padding: 0;
}
.pagination div span:nth-child(2) {
	padding: 0 10px 0 0;
}

/* Signin  */
#container.signin, #container.error, #container.contact {
	min-height: 750px;
	height: 100%;
    display: block;
    float: none;
    line-height: unset;
    color: rgba(255,255,255,1);
    border-radius: unset;
    padding: 0;
	overflow: hidden;
}
#container.signin.ready:after, #container.error.ready:after, #container.contact.ready:after {
	z-index: -2;
}
#container.signin video, #container.error video, #container.contact video {
	width: 100vw;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background-position: top center;
	background-repeat: no-repeat; 
	background-size: cover;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .7s linear;
    -moz-transition: opacity .7s linear;
    -ms-transition: opacity .7s linear;
    -o-transition: opacity .7s linear;
    transition: opacity .7s linear;
}
#container.signin.ready video, #container.error.ready video, #container.contact.ready video {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#container.signin .outer, #container.error .outer, #container.contact .outer {
	padding: 0 0 95px 0;
	width: 360px;
	height: 332px;
	margin: 0 auto;
	position: relative;
    z-index: 1;
}
#container.signin h1, #container.error h1, #container.contact h1 {
    position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-size: 18px;
    line-height: 25px;
    font-weight: normal;
    text-align: center;
    padding: calc(13vh + 100px + 15px) 0 0 0;
	color: rgba(255,255,255,1);
	z-index: 1;
}
#container.signin > img, #container.error > img, #container.contact > img {
	position: relative;
	display: inline-block;
	max-width: 200px;
	height: 100px;
	margin: 13vh auto 86px auto;
	-webkit-filter: drop-shadow(0 22px 43px rgba(0,0,0,0.31));
    filter: drop-shadow(0 22px 43px rgba(0,0,0,0.31));
	z-index: 2;
}
#container.signin.ready h1:before, #container.signin.ready h1:after, #container.error.ready h1:before, #container.error.ready h1:after, #container.contact.ready h1:before, #container.contact.ready h1:after {	
    width: 270px;
    height: 540px;
}
#container.signin h1:before, #container.signin.ready h1:before, #container.error h1:before, #container.error.ready h1:before, #container.contact h1:before, #container.contact.ready h1:before {	
	top: -270px;
	right:0;
	-webkit-transform: rotate(90deg) skew(45deg);
    transform: rotate(90deg) skew(45deg);
}
#container.signin h1:after, #container.signin.ready h1:after, #container.error h1:after, #container.error.ready h1:after, #container.contact h1:after, #container.contact.ready h1:after {
	top: auto;
	left: 0;
	bottom: -270px;
	-webkit-transform: rotate(90deg) skew(45deg); 
	transform: rotate(90deg) skew(45deg);
}
#container.signin #footer, #container.error #footer, #container.contact #footer {
	position: absolute;
	bottom: 0;
	left: 0;
}
#container.signin .btn.submit, #container.error .btn.submit, #container.contact .btn.submit {
	display: inline-block;
	margin: 0 auto 15px auto;
	width: 100%;
}
#container.signin .btn:before, #container.error .btn:before, #container.contact .btn:before, #account .fb:before, #account .google:before, #account .text .btn:before, #account .btn.submit:before, #account .btn:not(.fb):before, #account .btn:not(.google):before, #service .btn:before, #alert .fb:before, #alert .google:before {
	-webkit-animation: none;
	animation: none;
	box-shadow: 0 11px 43px 0 rgba(0,0,0,0.31);
	-webkit-appearance: none;
}
#container.signin .text input, #container.signin input:-webkit-autofill, #container.signin select, 
#container.contact .text input, #container.contact input:-webkit-autofill, #container.contact textarea, #container.contact textarea:-webkit-autofill, 
#container.account .text input, #container.account input:-webkit-autofill, #container.account select,
#container.account .text textarea, #container.account .text textarea:-webkit-autofill, .text div[data-toggle="datepicker"] {
    -webkit-text-fill-color: rgba(255, 255, 255, 1);
	color: rgba(255, 255, 255, 1);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
#container.account input:-webkit-autofill, #container.account .text textarea:-webkit-autofill {
    -webkit-text-fill-color: rgba(255, 255, 255, 0.8);
	color: rgba(255, 255, 255, 0.8);
}
input:-internal-autofill-selected {
    -webkit-appearance: menulist-button;
    background-color: rgb(0, 0, 0) !important;
    background-image: none !important;
    color: -internal-light-dark-color(black, white) !important;
}
#container.signin .text input, #container.signin select, #container.contact .text input, #container.contact .text textarea, #container.account .text input, #container.account select, #container.account .text textarea, .text div[data-toggle="datepicker"] {
	color: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.2);
	resize: none;
}
#container.signin select.disabled, #container.account select.disabled {
	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
	opacity: 1;
}
#container.signin input::placeholder, #container.account input::placeholder { 
  	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
	opacity: 1;
}
#container.signin input:-ms-input-placeholder, #container.account input:-ms-input-placeholder {
  	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
	opacity: 1;
}
#container.signin input::-ms-input-placeholder, #container.account input::-ms-input-placeholder { 
  	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
	opacity: 1;
}
#container.signin .text .placeholder, #container.account .text .placeholder, #container.account input[disabled], #container.account .text .disabled, #container.account input[readonly], #container.account .text .readonly { 
  	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
	opacity: 1;
}
#container.account input[disabled], #container.account .text .disabled, #container.account input[readonly], #container.account .text .readonly { 
  	cursor: default;
}
#container.signin select, #container.account select, #alert .signup select {
    padding: 0 15px 0px 44px;
}
#container.signin .dropdown > p { 
	height: 44px;
    line-height: 44px;
    font-size: 15px;
  	color: rgba(255, 255, 255, 0.8);
	position: absolute;
	width: 100%;
    padding: 0 0 0 44px;
	text-align: left;
	cursor: pointer;
}
#container.signin .fb, #container.signin .google, #container.signin .text, #container.signin .dropdown, #container.contact .text {
	width: calc((100% - 15px) /2);
	float: left;
	margin: 0 15px 0 0;
}
#container.signin .text:nth-child(odd) .notify, #container.contact .text:nth-child(odd) .notify, 
#alert .signin .text:nth-child(odd) .notify, #alert .signup .text.on:nth-child(even) .notify {
	right: calc(100% + 15px);
	left: auto;
}
#container.signin .text:nth-child(even) .notify, #container.contact .text:nth-child(even) .notify, #account .notify, #container.signin .dropdown .notify, 
#alert .signin .text:nth-child(even) .notify, #alert .signup .text:not(.on) .notify, #alert .signup .text.on:nth-child(odd) .notify {
	left: calc(100% + 15px);
}
#container.signin .text:nth-child(even) .error:before, #container.signin .text:nth-child(even) .error:after, #container.contact .text:nth-child(even) .error:before, #container.contact .text:nth-child(even) .error:after, #container.signin #signin li:nth-child(2) .error:before, #container.signin #signin li:nth-child(2) .error:after, #container.contact .text:nth-child(3) .error:before, #container.contact .text:nth-child(3) .error:after,  #store .error:before, #store .error:after, #account .error:before, #account .error:after, #container.signin .dropdown .error:before, #container.signin .dropdown .error:after,
#alert .signin .text:nth-child(even) .error:before, #alert .signup .text:not(.on) .error:before, #alert .signup .text.on:nth-child(odd) .error:before, #alert .signin .text:nth-child(even) .error:after, #alert .signup .text:not(.on) .error:after, #alert .signup .text.on:nth-child(odd) .error:after, #alert .signin li:not(:first-child) .error:before, #alert .signin li:not(:first-child) .error:after {
	border-width: 7.5px 10px 7.5px 0;
    border-color: transparent rgba(255,51,102,0.2) transparent transparent;
	left: -10px;
	right: auto;
}
#container.signin .text:nth-child(even) .error:before, #container.contact .text:nth-child(even) .error:before, #container.signin #signin li:nth-child(2) .error:before, #container.contact .text:nth-child(3) .error:before,  #store .error:before,  #account .error:before, #container.signin .dropdown .error:before, 
#alert .signin .text:nth-child(even) .error:before, #alert .signup .text:not(.on) .error:before, #alert .signup .text.on:nth-child(odd) .error:before, #alert .signin li:not(:first-child) .error:before {
	border-color: transparent rgba(255, 255, 255, 0.6) transparent transparent;	
}
#container.signin .form, #container.signin .done, #container.contact .form, #container.contact .done, 
#alert .signin .form, #alert .signin .done {
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
	position: relative;
}
#container.signin .outer, #signin > ul, #signup > ul, 
#alert.signin .flex, #alert .option li.signin > ul {
	transition: .7s ease-in-out;
    transform-style: preserve-3d;
	z-index: 2;
}
#signin, #signup, #alert .option li.signin, #alert .option li.signup {
	display: inline-block;
	width: 360px;
	height: 332px;
	color: rgba(255,255,255,1);
	position: relative;
	z-index: 2;
}
#signin > ul.notrans, #alert .flex.notrans, #alert .option li.signin > ul.notrans {
	transition: none;
}
#container.signin .outer.flip, #signin > ul.flip, #signup > ul.flip,
#alert .flex.flip, #alert .option li.signin > ul.flip, #alert:not(.signin) .flex {
	transform: rotateY(180deg);	
}
#signin, #signup, #signin > ul > li, #signup > ul > li, 
#alert .option li.signin, #alert .option li.signup, 
#alert .option li.signin > ul > li {
	position: absolute;
	left: 0;
	width: 100%;
	-webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -ms-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;	
	-webkit-transform: translate3D(0, 0, 0);
	/*-webkit-backface-visibility: hidden;*/
}
#alert .option li.signin, #alert .option li.signup {
	top: 130px;
}
#alert .option li.signin, #alert .option li.signup { 
	width: 360px;
    left: calc((415px - 360px) / 2);
}
#signup, #signin > ul > li:nth-child(2), #signup > ul > li:nth-child(2),
#alert .option li.signup, #alert .flex.flip .thumb,
#alert .option li.signin > ul > li:not(:first-child), 
#alert .option > li:first-child, #alert:not(.signin) .thumb {
	transform: rotateY(180deg);
}
#signin, .flip #signup, #signin > ul > li:first-child, #signin > ul.flip > li:nth-child(2), .flip #signup > ul > li:first-child, .flip #signup > ul.flip > li:nth-child(2), #signup > ul > li:nth-child(2) .outer:hover li,
#alert .option li.signin, #alert .flex.flip li.signup,
#alert .option li.signin > ul > li:first-child, #alert .option li.signin > ul.forgot > li.forgot, #alert .option li.signin > ul.validate > li.validate, 
#alert .option > li:first-child {
	opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	z-index: 1;
	pointer-events: auto;
	line-height: unset;
}
#signup, .flip #signin, #signin > ul > li:nth-child(2), #signin > ul.flip > li:first-child, #signup > ul > li:nth-child(2), .flip #signup > ul > li:nth-child(2), .flip #signup > ul.flip > li:first-child, .flip #signin > ul > li:first-child, 
#alert .option li.signup, #alert .flex.flip li.signin,
#alert .option li.signin > ul:not(.flip) > li:not(:first-child), #alert .option li.signin > ul.flip > li:first-child, #alert .option li.signin > ul.forgot > li:not(.forgot), #alert .option li.signin > ul.validate > li:not(.validate), 
#alert .option li.signin > ul.flip > li:first-child .text, #alert .option li.signin > ul.flip > li:first-child .btn, #alert .option li.signin > ul.flip > li:first-child p,
#alert .option li.signin > ul:not(.validate) > li.validate .text, #alert .option li.signin > ul:not(.validate) > li.validate .btn, #alert .option li.signin > ul:not(.validate) > li.validate p, 
#alert .option li.signin > ul:not(.forgot) > li.forgot .text, #alert .option li.signin > ul:not(.forgot) > li.forgot .btn, #alert .option li.signin > ul:not(.forgot) > li.forgot p,
#alert.signin .option > li:first-child, #alert:not(.signin) .option > li.signin, #alert:not(.signin) .option > li.signin .title, #alert:not(.signin) .flex.flip li.signup, #alert:not(.signin) li.signin .text, #alert:not(.signin) li.signup .text, #alert:not(.signin) li.signin .btn, #alert:not(.signin) li.signup .btn, 
#alert.signin .hide .text, #alert.signin .hide .btn, #alert.signin .hide p {	
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	z-index: -1;
	pointer-events: none;
	height: 0;
	margin: 0;
	padding: 0;
	line-height: 0;
}
#container.signin .done p, #signup > ul > li:nth-child(2) .outer, #container.error > .outer p, #container.contact > .outer p, .account .done:not(.left) p {
	width: 360px;
	margin: 0 auto 15px auto;
    padding: 35px 34px 34px 34px;
	box-sizing: border-box;
	border-radius: 5px;
	color: rgba(255,255,255,0.8);
}
#container.signin #signin .done p {
    font-size: 13px;
	padding: 32px 34px 31px 34px;
}
#alert .signin .done p {
    font-size: 14px;
    padding: 25px;
    color: rgb(102,102,102);
}
#container.signin #signup .done p, #container.error > .outer p, #container.contact > .outer p {
	width: 100%;
    margin: 26px auto 82px auto;
}
#signup > ul > li:nth-child(2) {
	padding: 29px 13px 0 17px;
}
#signup > ul > li:nth-child(2) .outer {	
	width: 100%;
	height: calc(267px - 58px);
	overflow-y: auto;
	padding: 0 15px 0 17px;
	margin: 0 0 44px 0;
	box-sizing: border-box;
}
#signup > ul > li:nth-child(2) .outer li {	
	line-height: 20px;
	font-size: 13px;
	text-align: justify;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	cursor: default;
	border-style: none none solid;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.2);
}
#signup > ul > li:nth-child(2) .outer li:last-child {
	padding: 0;
	border: none;
}
#signup > ul > li:nth-child(2):before, #signup > ul > li:nth-child(2):after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 267px;
	z-index: -1;
}
#signup > ul > li:nth-child(2):after {
	top: auto;
	bottom: 65px;
	height: 100px;
	z-index: 3;
}
#signup > ul > li:nth-child(2) .outer p:last-child {
	z-index: 4;
	position: relative;
	display: inline-block;
}
#signup h2 {
	font-size: 15px;
	padding: 0 0 15px 0;
	font-weight: normal;
	text-align: center;
}
#signup b {
	padding: 0 0 15px 0;
	font-weight: normal;
	display: inline-block;
}
#signin .fb:before, #account .fb:before, #alert .fb:before {
	background: -moz-linear-gradient(-45deg, rgba(24,119,242,1), rgba(66,103,178,1)) !important;
    background: -webkit-linear-gradient(-45deg, rgba(24,119,242,1), rgba(66,103,178,1)) !important;
	background: linear-gradient(-45deg, rgba(24,119,242,1), rgba(66,103,178,1)) !important;
}
#signin .google:before, #account .google:before, #alert .google:before {
	background: -moz-linear-gradient(-45deg, rgba(243,79,28,1), rgba(206,34,50,1)) !important;
    background: -webkit-linear-gradient(-45deg, rgba(243,79,28,1), rgba(206,34,50,1)) !important;
    background: linear-gradient(-45deg, rgba(243,79,28,1), rgba(206,34,50,1)) !important;
}
#alert .fb, #alert .google, #alert li.signin li .text {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
}
#alert .fb, #alert .google, #alert li.signin li:first-child .text, 
#alert li.signup .text.on, #alert li.signup .text:last-child {
	width: calc((360px - 15px) / 2);
    float: left;
}
#alert li.signup .text {
	width: 100%;
}
#alert li.signup .icon-check, #alert li.signup .verify-clock {
	position: absolute;
	right: 7px;
	top: 7px;
	margin: 0;
	width: 29px;
	height: 29px;
	line-height: 29px;
	border-radius: 5px;
	text-align: center;
}
#alert li.signup .verify-clock {
	background: -moz-linear-gradient(-45deg, rgba(255,255,255,1), rgba(225,225,225,1));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1), rgba(225,225,225,1));
    background: linear-gradient(-45deg, rgba(255,255,255,1), rgba(225,225,225,1));
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
#alert li.signin li:last-child .text {	
	margin-bottom: 0;
}
#alert .fb.btn, #alert li.signin li:first-child .text:nth-child(odd), #alert li.signup .text:nth-child(2) {
	margin-right: 15px;
}
#signin .title, #alert .option li.signin .title {
    display: inline-block;
	position: relative;
	width: 100%;
	margin: 47px auto;
	line-height: 20px;
	text-align: center;
	color: rgba(255,255,255,0.8);
}
#alert .option li.signin .title, #alert .option li.signup > p {
	color: rgba(102,102,102,1);
	margin: 27px auto;
	font-size: 14px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
}
#alert .option li.signup p {
	margin: 12px 0;
}
#signin .title:before, #signin .title:after, #alert .option li.signin .title:before, #alert .option li.signin .title:after {
    content: '';
    width: 40%;
    height: 9px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(255, 255, 255, 0.2);
    display: block;
    position: absolute;
    top: 0;
	right: 0;
}
#alert .option li.signin .title:before, #alert .option li.signin .title:after {
    border-color: rgba(102, 102, 102, 0.2);
}
#signin .title:before, #alert .option li.signin .title:before {
    left: 0;
}
#signin li li, #signup li li {
	position: relative;
	cursor: pointer;
	float: left;
	line-height: 50px;
	font-size: 15px;
	text-align: left;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#signin li li:last-child, #signup li li:last-child {
	text-align: right;
	float: right;
}
#signup .dropdown .icon-arrow-down, #signup li .form > p a {
	color: rgba(255,255,255,0.8);
}
#container.signin .text, #container.contact .text, #container.signin .dropdown {
	margin-bottom: 15px;
}
#container.signin .btn.google, #container.signin .text:nth-child(even), #container.contact .text:nth-child(even), #container.contact .text:nth-child(3), #container.signin .dropdown {
	margin-right: 0;
}
#signin li:nth-child(2) .text {
    width: 100%;
}
#signin li:nth-child(2) .text .notify, #container.contact .text:nth-child(3) .notify, #alert .signin li:not(:first-child) .text .notify {
    left: calc(100% + 15px);
}
#signup li .form > p {
	width: 100%;
	display: inline-block;
	line-height: 20px;
	margin: 5px auto 15px auto;
	color: rgba(255,255,255,0.8);
}
#signup li .form p span a {
	font-style: normal;
	cursor: pointer;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}
#signup-birth, #account-birth {
	cursor: pointer;
	text-align: left;
}
#container.signin ~ .datepicker-container, #container.account ~ .datepicker-container {
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1.0) 0%,rgba(255,255,255,0.8) 50%);
    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1.0) 0%,rgba(255,255,255,0.8) 50%);
	background: linear-gradient(to bottom, rgba(255,255,255,1.0) 0%,rgba(255,255,255,0.8) 50%);
}
#container.signin ~ .datepicker-container:after, #container.signin ~  .datepicker-container:before, #container.account ~ .datepicker-container:after, #container.account ~  .datepicker-container:before {
    border-color: transparent transparent rgba(255, 255, 255, 1.0) transparent;
}

/* Contact */
#container.contact .text:nth-child(3), #container.contact textarea {
	width: 100%;
}
#container.contact textarea {
	box-sizing: border-box;	
	line-height: 25px;
	height: 143px; 
	padding: 10px 15px 0 44px;
	display: block;
	border-bottom: 10px solid transparent;
}

/* Footer */
#footer {
	position: relative;
	width: 100%;
	color: rgba(255,255,255,1);
	margin: 20px auto;
	display: inline-block;
	text-align: center;
	z-index: 3;
}
#footer .outer {
	width: auto !important;
	height: auto !important;
	padding: 0 !important;
	position: relative;
	display: inline-block;
	vertical-align: top;
}
#footer p {
	margin: 0 15px;
	float: left;
}
#footer ul {
	position: relative;
	display: inline-block;
	float: left;
}
#footer li {
	display: inline-block;
	float: left;
    border-style: none solid none none;
    border-width: 1px;
    padding: 0 15px;
    border-color: rgba(255, 255, 255, 0.2);
}
#footer a {
	color: rgba(255,255,255,1) !important;
	-webkit-transition: opacity .3s linear;
  	-moz-transition: opacity .3s linear;
  	-ms-transition: opacity .3s linear;
  	-o-transition: opacity .3s linear;
  	transition: opacity .3s linear;
}

/* Map - Popup */
.popup-bubble {
	position: absolute;
	top: 0;
	left: 0;
	color: rgb(102, 102, 102);
	padding: 15px;
    font-size: 14px;
    line-height: 22px;
	box-sizing: border-box;
	cursor: pointer;
	transform: translate(0%, -100%);
	z-index: 1;	
}
.popup-bubble:before, .map .list > li:before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255, 255, 255, 0.8);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	border-radius: 5px;
	z-index: -1;	
}
.popup-bubble h1 {
	font-size: 14px;
    line-height: 22px;
    min-height: 22px;
	max-height: 22px;
    color: rgb(102,102,102);
    overflow: hidden;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	text-align: justify;
	width: calc(100% - 55px);
    float: left;
    margin: 0 15px 0 0;
}
.popup-bubble-anchor, #map-search .popup-bubble, 
#portal-location .popup-bubble {
	position: absolute;
	left: 0;
	width: 100%;
	transform: translate(-50%, -85%);
	z-index: 1;
}
.popup-bubble-anchor {
	left: 50%;
}
#map-store .popup-bubble-anchor {
	left: 0;
}
.popup-bubble-anchor:hover, .hover .popup-bubble-anchor {
	z-index: 4;
}
.popup-bubble-anchor:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 0;
	height: 0;
	border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: rgba(255,255,255, 0.8) transparent transparent transparent;
	-webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.125));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.125));
	z-index: 2;
}
.popup-container {
	cursor: auto;
	height: 0;
	position: absolute;
	width: 200px;
	text-align: justify;
}
.popup-bubble-anchor.done h1 {
	color: rgb(255,255,255);
}
.popup-bubble-anchor.done .discount:after, .map .list > li.done .discount:after {
    border-color: rgba(255, 255, 255, 0.2);
}
.popup-bubble-anchor.done .discount, [id^="map-"] .popup-bubble-anchor.done .ratings, #store [id*="map-"] .popup-bubble-anchor.done .ratings {
	color: rgba(255,255,255,0.8);
}
[id^="map-"] .ratings, [id*="map-"] .ratings, .list .ratings, .card .ratings {
    height: auto;
}
[id^="map-"] .ratings, #store [id*="map-"] .ratings, .list .ratings, .order ~ .no-result .ratings, #account > ul > li:nth-child(3) .no-result .ratings, .card .ratings, #portal-location .ratings {
    width: 40px;
    height: auto;
    color: rgb(102,102,102);
	vertical-align: inherit;
    display: block;
    filter: none;
	margin-right: -3px;
}
.order ~ .no-result .ratings, #account > ul > li:nth-child(3) .no-result .ratings, .card .ratings {
	color: rgba(255,255,255, 0.8);
	text-align: left;
}
[id^="map-"] .ratings .full, [id*="map-"] .ratings .full, .order ~ .no-result .ratings .full, #account > ul > li:nth-child(3) .no-result .ratings .full, .list .ratings .full, .card .ratings .full, #portal-location .ratings .full {
    line-height: 20px;
    right: -1px;
    left: auto;
    top: 0;
	background-position: -100px 0, 0 0;
	background-size: 450% 100%, 100% 100%;
	-webkit-filter: drop-shadow(0 1px 3px rgba(0,0,0,0.25)) blur(0);
    filter: drop-shadow(0 1px 3px rgba(0,0,0,0.25)) blur(0);
}
.order ~ .no-result .ratings .full, #account > ul > li:nth-child(3) .no-result .ratings .full, .list .ratings .full, .card .ratings .full, #portal-location .ratings .full {
    line-height: 44px;
}
[id^="map-"] .popup-bubble:hover .ratings .full, [id*="map-"] .popup-bubble:hover .ratings .full, .order ~ .no-result li:hover .ratings .full, #account > ul > li:nth-child(3) .no-result li:hover .ratings .full, .list li li:hover .ratings .full, #account .card li:hover .ratings .full, .map .list > li:hover .ratings .full {
    background-position: 0 0, 0 0;
}
[id^="content-"], [id*="content-"], .map .slider {
	padding: 9px;
	text-align: justify;
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.5s cubic-bezier(.25, .8, .25, 1);
    transition-delay: 5s;
}
.ready [id^="content-"], ready [id*="content-"], .ready .map .slider {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* Map - List */
.list .popup-bubble, 
#portal-location .popup-bubble {
	background: none;
    padding: 0;
    box-shadow: none;
	float: none;
    margin: 0;
	position: absolute;
	width: 200px;
}
.list .popup-bubble:hover:before, #map-search .hover .popup-bubble:before, #portal-location .popup-bubble:hover:before {
	background: rgba(255,255,255,1.0);
}
.list .popup-bubble > *, .list .popup-bubble:before, .list .popup-bubble .thumb ~ ul,
.map .list > li > *, .map .list > li:before, .map .list > li .thumb ~ ul, 
#portal-location .main, #portal-location .popup-bubble:before {
	width: calc((845px - 30px) / 3);
	opacity: 1.0;
    filter: alpha(opacity=1.0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1.0)";
	/*-webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);*/
	left: 50%;
    transform: translate(-50%, 0);
	pointer-events: auto;
    touch-action: auto;
}
.list .popup-bubble.top .thumb, .list .popup-bubble.top .thumb ~ ul, .list .popup-bubble:before, .map .list > li:before, .list .ad3 > ins, .list .ad3 > div, .map .list > li, #portal-location .popup-bubble:before {
    -webkit-transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.2s cubic-bezier(.25, .8, .25, 1);
}
.list .popup-bubble:not(:hover), .list .popup-bubble:not(:hover) > *, .list .popup-bubble:not(:hover):before {
	width: 200px;
}
.list .popup-bubble:not(:hover) .thumb, .list .popup-bubble:not(:hover) ul, .list .popup-bubble:not(:hover) .discount,
#map-search .popup-bubble:not(:hover) .btn {
    width: 0;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.list .popup-bubble.top:hover:before, .list .popup-bubble.top:hover .main, .list .popup-bubble.top:hover .thumb, .list .popup-bubble.top:hover .thumb ~ ul {
    transform: translate(-50%, 228px);
}
.list .popup-bubble .main, #portal-location .main {
    margin: 0;
    float: none;
}
#portal-location .main {
    display: inline-block;
	vertical-align: top;
}
.list .popup-bubble h1 {
    font-size: 18px;
    line-height: 25px;
	max-height: 25px;
    color: rgb(0,0,0);
	width: 100%;
	margin: 0;
	float: none;
	-webkit-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.list .popup-bubble:not(:hover) h1, #map-search .popup-bubble h1 {
    font-size: 14px;
    line-height: 22px;
	max-height: 22px;
	min-height: 22px;
    color: rgb(102,102,102);
}
.list .popup-bubble:not(:hover) .btn {
    margin-top: 10px;
}
.list .popup-bubble-anchor:after, 
#portal-location .popup-bubble-anchor:after {
	display: none;
}
.list .ad3 {
    position: relative;
    bottom: auto;
    opacity: 1.0;
	overflow: visible;
	height: 324px;
	cursor: pointer;
}
.list .ad3 img {
    max-width: none;
    height: 180px;
    top: 0;
	border-radius: 5px 5px 0 0;
}
.list .ad3 div {
	position: absolute;
    padding-top: 195px;
	padding-bottom: 0;
	border-radius: 5px 5px 0 0;
}
.list .ad3 h1 {
    margin: 0 !important;
    box-sizing: border-box;
    display: block;
}
.list .ad3 p {
    font-size: 14px;
    line-height: 22px;
    height: 44px;
    margin: 10px 0 5px 0;
}
.list .ad3 a {
    line-height: 45px;
}
.list .ad3 span {
    margin: 12px 5px 12px 15px;
}
.list .ad3 .btn {
    border: none !important;
    padding: 0;
    line-height: 21px;
    height: 21px;
    margin: 12px 15px 12px 0 !important;
}
.list .ad3 ins {
    background: transparent !important;
}
.list .ad3 > ins {
    position: absolute;
	border-radius: 5px;
    overflow: hidden;
	cursor: pointer;
	background: #f7f9fa !important;
	height: 324px !important;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.list .ad3 > ins > ins {
    height: 210px !important;
    overflow: hidden;
}
.list .ad3 iframe {
    height: 324px !important;
}
.list .ad3 > div {
	border-radius: 5px;
	background: rgba(255,255,255,0.8);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.list .ad3 > div:hover {
	background: rgba(255,255,255,1.0);
}
.list .ad3 .btn:before, .list .ad3:before {
    display: none;
}

/* Map - Slider */
.map .slider {
	position: absolute;
	bottom: 0;
	width: 100%;
    overflow: hidden;
	z-index: 2;
	padding: 0;
	transition-delay: 0.5s;
	display: none;
}
.map .list {
	margin: 0 0 0 -5px;
    padding-top: 40px;
    padding-left: 0 !important;
}
.map .list > li {
	background: none;
    box-shadow: none;
	padding: 0 0 30px 0;
	margin: 0;
	/*transition: none;
	pointer-events: none;
    touch-action: none;*/
	width: calc((845px - 30px) / 3);
}
.map .list > li:before {
	bottom: 30px;
	background: rgba(255,255,255,0.8);
}
.map .list > li:hover:before {
	background: rgba(255,255,255,1.0);
}
.map .list > li.on {
	z-index: 3;
}
.ready .map .list > li.active {
	-webkit-transform: scale(1.05);
    transform: scale(1.05);
	transition-delay: 0.5s;
}

/* Map - Loading */
.list.loading li .thumb, .list.loading li .btn:before, .list.loading li .ratings .full, .list.loading li h1 {
	-webkit-animation: gradient-slide 2.2s ease infinite;
	animation: gradient-slide 2.2s ease infinite;
	background-image: -moz-linear-gradient(45deg, rgb(235,235,235) 40%, rgb(250,250,250) 50%, rgb(235,235,235) 60%) !important;
    background-image: -webkit-linear-gradient(45deg, rgb(235,235,235) 40%, rgb(250,250,250) 50%, rgb(235,235,235) 60%) !important;
    background-image: linear-gradient(45deg, rgb(235,235,235) 40%, rgb(250,250,250) 50%, rgb(235,235,235) 60%) !important;
	background-size: 500% !important;
}
@keyframes gradient-slide {
	0% {
		background-position: 100% 50%;
	}
	to {
		background-position: 0% 50%;
	}
}
.list.loading li .btn:before {
	box-shadow: none !important;
}
.list.loading li .ratings .full {
	-webkit-filter: none;
    filter: none;
}
.list.loading li img, .list.loading li .thumb ~ ul, .list.loading li .discount span {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/* Map - Direction */
.map-control {
	position: absolute;
	top: 10px;
	left: 10px;
	color: rgb(102, 102, 102);
	background-color: rgba(255, 255, 255, 1.0);
	padding: 0 15px;
    border-radius: 2px;
    font-size: 14px;
    line-height: 40px;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3) ;
	z-index: 2;
}
.gm-style-iw.gm-style-iw-c {
    background-color: rgba(255, 255, 255, 0.8);
    padding: 0;
    border-radius: 5px;
    font-size: 13px;
    line-height: 20px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px 0 rgb(0, 0, 0, 0.25);
	width: 200px;
	overflow: visible !important;
	z-index: 1;
}
.gm-style .gm-iw {
	color: rgb(102, 102, 102);
	font-weight: normal;
	font-family: inherit;
	text-align: justify;
	padding: 9px;
	line-height: 22px;
	font-size: 14px;
}
.gm-style .gm-style-iw-t:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-50%, 0);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: rgba(255,255,255,0.8) transparent transparent transparent;
    -webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.125));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.125));
	z-index: 2;
	background: none !important;
}
button.gm-ui-hover-effect, .gm-ui-hover-effect:hover {
    top: 0 !important;
    right: 0 !important;
    left: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
	font-size: 14px;
    line-height: 22px;
	color: rgb(102,102,102);
}
button.gm-control-active.gm-fullscreen-control {
    left: 0;
    top: 0 !important;
}
.map-control a.disable, .map-control a.disable:hover {
	cursor: default;
	opacity: 0.2;
	color: rgba(102,102,102,1) !important;
}
.gm-style .gm-style-iw-d::-webkit-scrollbar, .gm-style-moc {
    display: none;
}

/* Map - Search */
#map-search {
    width: 100%;
    height: 100%;
	margin: 0;
	z-index: 2;
	border-radius: 0 0 5px 5px;
}
#map-search .gmnoprint.gm-bundled-control, .search .map-control {
    margin-top: 0 !important;
	top: 85px !important;
}
#map-search .gm-style div[role=region]:before, .search > .outer:before, .search #footer:after {
	content: "";
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 150px;
	position: absolute;
    z-index: 4;
}
.search > .outer:before {
	z-index: 3;
	display: none;
}
.search #footer:after, 
#portal-location .gm-style div[role=region]:after {
	top: auto;
	bottom: 0;
	z-index: -1;
	display: none;
}
#map-search .popup-bubble:not(:hover) .btn, 
#portal-location .popup-bubble:not(:hover) .btn {
	margin-top: 0;
}
#map-search .popup-bubble:not(:hover) .main, #map-search .popup-bubble:hover .main, 
#portal-location .popup-bubble:not(:hover) .main, #portal-location .popup-bubble:hover .main {
    padding: 9px;
}
#map-search .popup-container.on .main, #map-search .popup-container.hover .main, #map-search .popup-bubble:hover .main, 
#portal-location .popup-container.on .main, #portal-location .popup-container.hover .main, #portal-location .popup-bubble:hover .main {
    padding: 9px 51px 9px 9px;
}
#map-search .popup-container.on .discount, #map-search .popup-container.hover .discount, #map-search .popup-bubble:hover .discount, 
#portal-location .popup-container.on .discount, #portal-location .popup-container.hover .discount, #portal-location .popup-bubble:hover .discount {
    position: absolute;
    top: 9px;
    right: 9px;
}
#map-search .popup-container:not(.on):not(.hover) .popup-bubble, #map-search .popup-container:not(.on):not(.hover) .popup-bubble .main, #map-search .popup-container:not(.on):not(.hover) .popup-bubble:before, 
#portal-location .popup-container:not(.on):not(.hover) .popup-bubble, #portal-location .popup-container:not(.on):not(.hover) .popup-bubble .main, #portal-location .popup-container:not(.on):not(.hover) .popup-bubble:before {
    width: 58px;
}
#map-search .popup-bubble:not(:hover):before, #map-search .popup-bubble:hover:not(.on):not(.hover):before, 
#portal-location .popup-bubble:not(:hover):before, #portal-location .popup-bubble:hover:not(.on):not(.hover):before {
	width: 100%;
}
#map-search .popup-bubble:not(:hover) .ratings, #map-search .popup-bubble:not(:hover) .ratings .full, #map-search .popup-bubble:not(:hover) .discount,
#map-search .popup-bubble:hover .ratings, #map-search .popup-bubble:hover .ratings .full, #map-search .popup-bubble:hover .discount, 
#portal-location .popup-bubble:not(:hover) .ratings, #portal-location .popup-bubble:not(:hover) .ratings .full, #portal-location .popup-bubble:not(:hover) .discount,
#portal-location .popup-bubble:hover .ratings, #portal-location .popup-bubble:hover .ratings .full, #portal-location .popup-bubble:hover .discount {
	float: left;
	line-height: 22px;
	max-height: 22px;
}
#map-search .popup-bubble:not(:hover) .ratings, #map-search .popup-bubble:hover .ratings, 
#portal-location .popup-bubble:not(:hover) .ratings, #portal-location .popup-bubble:hover .ratings {
	margin-left: 0;
}
#map-search .popup-bubble:not(:hover) .discount, #map-search .popup-bubble .discount, #map-search .popup-bubble h1, #map-search .popup-container:not(.on):not(.hover) .popup-bubble:hover h1, 
#portal-location .popup-bubble:not(:hover) .discount, #portal-location .popup-bubble .discount, #portal-location .popup-bubble h1, #portal-location .popup-container:not(.on):not(.hover) .popup-bubble:hover h1 {
    width: auto;
    height: auto;
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
#map-search .popup-bubble:not(:hover) .btn, #map-search .popup-bubble:not(:hover) .discount span, #map-search .popup-bubble:not(:hover) .discount:after, #map-search .popup-container:not(.on):not(.hover) .popup-bubble h1,
#map-search .popup-bubble:hover .btn, #map-search .popup-bubble:hover .discount span, #map-search .popup-bubble:hover .discount:after, #map-search .popup-bubble:hover .thumb, #map-search .popup-bubble:hover ul, 
#portal-location .popup-bubble:not(:hover) .btn, #portal-location .popup-bubble:not(:hover) .discount span, #portal-location .popup-bubble:not(:hover) .discount:after, #portal-location .popup-container:not(.on):not(.hover) .popup-bubble h1,
#portal-location .popup-bubble:hover .btn, #portal-location .popup-bubble:hover .discount span, #portal-location .popup-bubble:hover .discount:after, #portal-location .popup-bubble:hover .thumb, #portal-location .popup-bubble:hover ul {
	width: 0;
    height: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	min-height: unset;
    margin: 0;
	flex: 0;
}
#map-search .popup-bubble:not(:hover) .discount span, #map-search .popup-bubble .discount span, 
#portal-location .popup-bubble:not(:hover) .discount span, #portal-location .popup-bubble .discount span {
	display: block;
}
#map-search .popup-bubble.top:hover:before, #map-search .popup-bubble.top:hover .main, #map-search .popup-bubble.top:hover .thumb, #map-search .popup-bubble.top:hover .thumb ~ ul, 
#portal-location .popup-bubble.top:hover:before, #portal-location .popup-bubble.top:hover .main, #portal-location .popup-bubble.top:hover .thumb, #portal-location .popup-bubble.top:hover .thumb ~ ul {
	transform: translate(-50%, 0);
}
#map-search .on .popup-bubble:before, #map-search .popup-bubble.on:before, .search .map .list > li.on:before, 
#portal-location .on .popup-bubble:before, #portal-location .popup-bubble.on:before {
    background: rgba(255,255,255,1.0);
    box-shadow: 0 22px 43px 0 rgba(0, 0, 0, 0.51);
}
.ready .search .map .list > li.on:before {
	transition-delay: 0.5s;
}
#map-search .on .popup-bubble-anchor, 
#portal-location .on .popup-bubble-anchor {
	z-index: 3;
}
#map-search .popup-bubble:hover, 
#portal-location .popup-bubble:hover {
    transition: none;
	z-index: 4;
}
#map-search .popup-bubble, 
#portal-location .popup-bubble {
	transition-delay: 0s;
	transition: none;
	width: 150px;
}
#map-search .popup-container.on .popup-bubble, #map-search .popup-container.hover .popup-bubble, #map-search .popup-container.on .main, #map-search .popup-container.hover .main, #map-search .popup-bubble:hover:not(.on):not(.hover), #map-search .popup-bubble:hover:not(.on):not(.hover) .main, 
#portal-location .popup-container.on .popup-bubble, #portal-location .popup-container.hover .popup-bubble, #portal-location .popup-container.on .main, #portal-location .popup-container.hover .main, #portal-location .popup-bubble:hover:not(.on):not(.hover), #portal-location .popup-bubble:hover:not(.on):not(.hover) .main {
	width: max-content;
}
#map-search .popup-container.on .popup-bubble .ratings .full, #map-search .popup-container.hover .popup-bubble .ratings .full, #map-search .popup-bubble.on .ratings .full, .search .map .list > li.on .ratings .full, 
#portal-location .popup-container.on .popup-bubble .ratings .full, #portal-location .popup-container.hover .popup-bubble .ratings .full, #portal-location .popup-bubble.on .ratings .full {
	-webkit-animation: ratings 10s cubic-bezier(.25, .8, .25, 1) infinite;
    animation: ratings 10s cubic-bezier(.25, .8, .25, 1) infinite;
}
@keyframes ratings {
0% {
    background-position: 0 0, 0 0;
}
25% {
    background-position: -100px 0, 0 0;
}
75% {
    background-position: -100px 0, 0 0;
}
100% {
    background-position: 0 0, 0 0;
}
}

/* Search */
.search #header {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 20px 0 0 0;
	line-height: 44px;
	color: rgb(255,255,255);
	font-size: 15px;
	text-shadow: 0 2px 11px rgba(0, 0, 0, 0.31);
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    transition: all .7s cubic-bezier(.25, .8, .25, 1);
}
.search #header .logo {
	float: left;
	margin-left: 10px;
	cursor: pointer;
	z-index: 1;
    /*position: relative;*/
}
.search #header .logo img {
	height: 44px;	
	float: left;
	margin-right: 15px;
	-webkit-filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
    filter: drop-shadow(0 2px 2px rgba(0,0,0,0.31));
}
.search #header .logo span {
	font-size: 18px;
}
.search #header ul {
    position: absolute;
	left: 50%;
    transform: translate(-50%, 0);
	border-style: none none solid none;
    border-width: 1px;
    /*border-color: rgba(255, 255, 255, 0.2);*/
	width: 550px;
    display: flex;
}
.search #header ul::-webkit-scrollbar {
  	background: none;
}
.search #header ul::-webkit-scrollbar-thumb {
  	background: none;
}
.search #header li {
	margin: 0;
	height: 44px;
    line-height: 44px;
	float: left;
	flex: 1;
}
.search #header li span {
	display: inline-block;
	width: 45px;
	text-align-last: justify;
}
.search #header li:before {
	content: "";
	width: 0;
	height: 5px;
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform: translate(-50%, 0);
	transition: all 1.5s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.ready.search #header li.on:before {
	width: 100%;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.search #header .account {
	float: right;
	margin-right: 10px;
	cursor: pointer;
	width: 110px;
	z-index: 1;
    position: relative;
}
#search .map {
	position: relative;
	min-height: 830px;
	height: 100vh;
	width: 100vw;
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    transition: all .7s cubic-bezier(.25, .8, .25, 1);
}
.search .map.list {
	margin: 0;
}
.search .map .slider {
	display: block;
	left: 50%;
    transform: translate(-50%, 0);
}
.search .map-control {
	background: rgba(255,255,255,0.8);
	padding: 15px 15px 0 15px;
	border-radius: 5px;
	width: 200px;
	/*transform: translate3d(0, 0, 0);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);*/
}
.search .map-control .result span:after {
	content: "．";
}
.search .map-control .btn, .search .map-control .text {
	margin-bottom: 0;
	width: 100%;
}
.search .map-control .result, .search .map-control .keyword {
	border-style: none none solid none;
    border-width: 1px;
    border-color: rgba(138, 154, 154, 0.2);
    line-height: 44px;
}
.search .map-control .keyword {
	border: none;
}
.search #footer {
	-webkit-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all .7s cubic-bezier(.25, .8, .25, 1);
    transition: all .7s cubic-bezier(.25, .8, .25, 1);
}
.search ~ .datepicker-container {
	z-index: 6 !important;
	margin: -39px 0 0 0;
}
#search .pagination {
	padding-bottom: 15px;
}
#search .slider + .ad3, .search .map li:not(.less) .thumb ~ .line, [id^="content-"] .thumb ~ .line, ready [id*="content-"] .thumb ~ .line,
#search.booking .meal, #search.booking .info, #search.booking *:not(.main) > .discount, 
#search.meal .booking, #search.meal .info, #search.meal *:not(.main) > .discount,
#search.discount .booking, #search.discount .meal, #search.discount .info,
#search.info .meal, #search.info .booking, #search.info *:not(.main) > .discount,
#search .map .pagination {
    display: none;
}

@media screen and (max-width: 1825px) {
#search .map {
    min-height: 760px;
}
#account .order li .thumb, .info .rss .thumb, .list .thumb, .gift .thumb, .list .thumb ~ ul {
    height: 130px;
}
.list .thumb ~ ul li {
    margin: calc(130px - 29px - 10px - 10px) 0 0 15px;
}
.list .ad3 > ins {
    height: 274px !important;
}
}

/* Filter */
#filter .result {
    line-height: calc(200px - 22px);
    font-size: 30px;
    font-weight: 300;
	padding: 0 30px;
	box-sizing: border-box;
	width: 100%;
	height: 200px;
}
#filter .result span:first-child {
	color: rgba(255,255,255,0.8);
}
#filter.meal .option {    
	opacity: 1.0;
    filter: alpha(opacity=1.0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    z-index: 1;
    pointer-events: auto;
    touch-action: auto;
}
#filter .meal .option > li, #filter .meal .option:before {
	background: none;
    box-shadow: none;
    padding: 0;
}
#filter .cat li {
	position: relative;
	height: calc(44px + 44px + 15px);
	border-radius: 5px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
	background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	cursor: pointer;
	overflow: hidden;
	margin-bottom: 15px;
}
#filter .cat li span {
	position: absolute;
    right: 0;
    bottom: -5px;
    font-size: 60px;
    line-height: 60px;
    opacity: 0.4;
    filter: alpha(opacity=0.4);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    overflow: unset;
	-webkit-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
}
#filter .cat li.on span {
	color: rgb(255,255,255) !important;
    opacity: 0.6;
    filter: alpha(opacity=0.6);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	z-index: 3;
}
#filter .cat li.on:after {
    width: 150px;
    height: calc(44px + 44px + 15px);
    right: -30px;
}
#filter .option ul.sub-cat.on {
    width: 100%;
}
#filter .sub-cat li {
	float: left;
	margin: 0 15px 15px 0;
	width: calc((100% / 3) - 15px);
	-webkit-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -moz-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -ms-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    -o-transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
    transition: all 1.15s cubic-bezier(.25, .8, .25, 1);
}
#filter .sub-cat + .more {
	width: calc(100% - 15px);
	display: inline-block;
	line-height: 44px;
	text-align: center;
	border-radius: 5px;
	border: 1px solid; 
	margin: 0 0 15px 0;
}
#filter .option ul.sub-cat li:not(:nth-child(-n+6)) {
	opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    pointer-events: none;
    touch-action: none;
	max-height: 0.1px;
	margin-bottom: 0;
}
#filter .option ul.sub-cat.more li:not(:nth-child(-n+6)) {
	opacity: 1.0;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    pointer-events: auto;
    touch-action: auto;
	max-height: calc((44px + 15px) * 3);
	margin-bottom: 15px;
}
input#search-filter {
    background: none;
    box-shadow: none;
    font-size: 30px;
    font-weight: 300;
    padding: 0;
    color: rgb(255,255,255);
	min-width: 10px;
	max-width: calc(100% - 150px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url(ellipsis.xml#ellipsis);
}
input#search-filter::-webkit-input-placeholder {
	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
}
input#search-filter:-ms-input-placeholder {
	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
}
input#search-filter::placeholder {
	-webkit-text-fill-color: rgba(255, 255, 255, 0.8);
}
input#search-filter:focus-visible {
  	outline: none;
}
#filter .result .hide {
	display: none;
  	white-space: pre;
}
#filter.info .option > li:not(.info), #filter.discount .option > li:not(.discount), #filter.booking .option > li:not(.booking), #filter.meal .option > li:not(.meal),
#filter:not(.info) .option > li .info, #filter:not(.discount) .option > li .discount, #filter:not(.booking) .option > li .booking, #filter:not(.meal) .option > li .meal, 
#filter.meal.order-in .meal .to-go, #filter.meal.to-go .meal .order-in, #filter.meal:not(.to-go):not(.order-in) .order-in, #filter.meal:not(.to-go):not(.order-in) .to-go,
#filter.meal:not(.order-in) .option > li .order-in, #filter.meal:not(.to-go) .option > li .to-go,
#filter .cat li .icon-check:after, #filter .option ul.sub-cat:not(.on), #filter .sub-cat + .more:not(.on) {
    display: none;
}
#filter.info .option > li:not([class]), #filter.discount .option > li:not([class]), #filter.booking .option > li:not([class]), #filter.meal .option > li:not([class]),
#filter.info .option > li .info, #filter.discount .option > li .discount, #filter.booking .option > li .booking, #filter.meal .option > li .meal,
#filter.info .option > li.visible-last, #filter.discount .option > li.visible-last, #filter.booking .option > li.visible-last, #filter.meal .option > li.visible-last,
#filter.meal.order-in .option > li .order-in, #filter.meal.to-go .option > li .to-go
 {
	display: block;
}

/* EC Pay */
#ECPayPayment, .ecpay-pay-list-wrap, .ecpay-pay-list-wrap .ecpay-pay-list {
    width: 100%;
    display: inline-block;
    background: none !important;
    max-width: unset;
    vertical-align: top;
}
#ECPayPayment .ecpay-pay-list-wrap .ecpay-pay-list {
    max-width: none;
    width: calc(100% + 15px);
}
#ECPayPayment .ecpay-select-input.ecpay-cit-item dd input {
    border: none;
    width: 100%;
	margin-bottom: 15px;
	padding: 0 15px;
}
#ECPayPayment #CreditCard {
    margin: 0;
}
.ecpay-pay-list-wrap .ecpay-pay-list .ecpay-pl-content, .ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act {
    padding: 0;
    margin: 0;
	border: none !important;
}
.ecpay-select-input {
    width: calc((100% - 60px) / 3) !important;
    float: left;
    margin: 0 15px 0 0 !important;
}
.ecpay-cit-item-box {
    width: calc((100% - 15px) / 3 * 2) !important;
    float: left;
}
.ecpay-cit-item-box .ecpay-cit-item {
    width: calc((100% - 30px) / 2) !important;
}
.ecpay-MAIN-CONTENT {
    background: none !important;
    padding: 0 !important;
}
.ecpay-pay-list-wrap .ecpay-pay-list > li.ecpay-pl-act .ecpay-pl-content {
    padding: 0;
}
.ecpay-loading-box {
    min-height: unset !important;
    height: 44px;
}
.ecpay-lb-dots span {
    opacity: 0.2;
}
.ecpay-pl-intro, .ecpay-select-input dt, .ecpay-card-detail [class^="ecpay-"], .ecpay-card-status-line {
    display: none !important;
}

/* Calendar */
#booking-calendar {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.fc .fc-toolbar-title {
	font-size: 25px;
	font-weight: 300;
}
.fc .fc-button-primary:disabled, .fc .fc-button-primary {
    background: none;
    border: none;
    padding: 0;
    opacity: 1.0;
    color: rgb(102,102,102);
    margin: 0;
    width: calc(415px / 3);
    font-size: 14px;
    line-height: 47px;
    border-radius: 0;
    font-weight: normal;
	-webkit-transition: color 1s ease;
    -moz-transition: color 1s ease;
    -ms-transition: color 1s ease;
    -o-transition: color 1s ease;
}
.fc-direction-ltr .fc-toolbar > * > :not(:first-child), .fc-direction-ltr .fc-button-group > .fc-button:not(:first-child) {
	margin: 0;
}
.fc .fc-button-primary:hover, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active, .fc .fc-button-primary:focus, .fc .fc-button-primary:focus {
	background: none;
	border: none;
	box-shadow: none;
}
.fc-direction-ltr .fc-button-group > .fc-button:not(:last-child) {
    border-radius: 0;
}
.fc .fc-toolbar.fc-header-toolbar {
	margin-bottom: 30px;
}
.fc .fc-daygrid-day-number {
	font-size: 18px;
	font-weight: 300;
	line-height: 30px;
	margin: 10px;
	padding: 0;
	color: rgb(102,102,102);
	cursor: default;
}
.fc .fc-daygrid-day-number:hover {
    color: rgb(102,102,102);
}
.fc-theme-standard .fc-scrollgrid {
    border: none;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
	background: -moz-linear-gradient(-45deg, rgba(243,79,28,1), rgba(206,34,50,1));
    background: -webkit-linear-gradient(-45deg, rgba(243,79,28,1), rgba(206,34,50,1));
    background: linear-gradient(-45deg, rgba(243,79,28,1), rgba(206,34,50,1));
    border-radius: 100%;
    color: rgb(255,255,255);
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
}
.fc .fc-popover-title {
    margin: 0;
}
.fc th {
    font-weight: normal;
}
.fc-theme-standard td, .fc-theme-standard th {
    border: none;
    background: rgba(255, 255, 255, 0.2) !important;
}
.fc-theme-standard td {
	border: 1px rgba(138, 154, 154, 0.2) solid;
}
.fc-theme-standard .fc-scrollgrid {
    border: none;
}
.fc-direction-ltr .fc-daygrid-event.fc-event-start, .fc-direction-rtl .fc-daygrid-event.fc-event-end, .fc .fc-daygrid-more-link {
    font-size: 14px;
	line-height: 22px;
	margin: 0 0 10px 0;
	padding: 0 10px;
    display: block;
	width: 100%;
}
.fc-daygrid-event {
    white-space: normal;
}
.fc .fc-daygrid-day-bottom {
	margin: 0;
}
.fc .fc-col-header-cell-cushion {
    padding: 0;
	line-height: 25px;
    color: rgb(255,255,255);
    width: 100%;
	cursor: default;
}
.fc .fc-col-header-cell-cushion:hover {
    color: rgb(255,255,255);
}
.fc-theme-standard .fc-popover-header {
	line-height: 30px;
	font-size: 18px;
	font-weight: 300;
    color: rgb(102,102,102);
    width: 100%;
    background: none;
	padding: 10px;
	display: inline-block;
}
.fc-theme-standard .fc-popover {
	border: none;
	border-radius: 5px;
	background: rgba(255,255,255,0.6);
	box-shadow: 0 7px 13px 0 rgba(0, 0, 0, 0.31);
	-webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
    margin-right: 0;
}
.fc-daygrid-dot-event .fc-event-title {
	font-weight: normal;
	max-height: 44px;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
	text-align: justify;
}
.fc .fc-more-popover .fc-popover-body {
    min-width: calc(845px / 7 * 2);
	padding: 0;
}
.fc .fc-popover-close {
	float: left;
    line-height: 25px;
    height: 25px;
	width: 25px;
	text-align: center;
}
.fc .fc-popover-title {
    float: right;
	text-align: right;
}
.fc .fc-popover-close:before, .fc-icon-chevron-left::before, .fc-icon-chevron-right::before  {
    font-size: 24px;
	font-weight: normal;
}
.fc-icon-chevron-left::before {
    content: "\e901";
}
.fc-icon-chevron-right::before {
    content: "\e902";
}
.fc .fc-popover-close:before {
	content: "\e923";
}
.fc-daygrid-dot-event.fc-event-mirror, .fc-daygrid-dot-event:hover, .fc .fc-daygrid-more-link:hover {
    background: none;
}
.fc-daygrid-event-dot, .fc-button:not(.fc-prev-button):not(.fc-today-button):not(.fc-next-button) {
	display: none;
}

/* Loading */
.spinLoader,
.spinLoader:before,
.spinLoader:after {
    -webkit-animation: spinLoaderChat 1s infinite ease-in-out;
    animation: spinLoaderChat 1s infinite ease-in-out;
    width: 1em;
    height: 4em;
}
.spinLoader {
    text-indent: -9999em;
	left: 50%;
    top: 50%;
    margin: calc((-271px - 65px) / 2 - 25px) 0 0 -5px;
    position: relative;
    font-size: 11px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
	z-index: 6;
    position: absolute;
	opacity: 1.0;
}
.spinLoader.hide {
    opacity: 0;
}
.spinLoader:before,
.spinLoader:after {
    position: absolute;
    top: 0;
    content: '';
}
.spinLoader:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinLoader:after {
    left: 1.5em;
}
@-webkit-keyframes spinLoaderChat {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes spinLoaderChat {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}