@keyframes show_logo {
    100% { transform:translate(0,0px);-webkit-transform:translate(0,0px);-moz-transform:translate(0,0px);opacity:1; }
}
#pattern { position:fixed;left:0px;top:0px;width:100%;height:100%;background-position:center;z-index:+1; }
#cover { position:fixed;left:0px;top:0px;width:100%;height:100%;background-position:center;z-index:+1;background-size:cover; }
#graphic { position:fixed;z-index:+2;text-align:center; }
#graphic img { width:100%; }
.graphic_pos1 { left:0;top:0; }
.graphic_pos2 { left:50%;top:0; }
.graphic_pos3 { left:0;top:50%; }
.graphic_pos4 { left:50%;top:50%; }
.graphic_pos5 { left:0;top:0; }
.graphic_pos6 { left:0;bottom:0; }

#page_category { position:fixed;left:0;top:0;width:100%;height:100%;overflow-y:auto;z-index:+3;display:black; }
#page_category > div { padding:30px 0px;text-align:center;width:80%;max-width:400px;margin:0px auto; }
#t3_logo { transform:translate(0,-100px);-webkit-transform:translate(0,-100px);-moz-transform:translate(0,-100px);opacity:0;
margin-bottom:20px;animation-name:show_logo;animation-delay:1000ms;animation-duration:1000ms;
animation-iteration-count:1;animation-fill-mode:forwards; }
#t3_logo img { width:100%; }

#main_cats .t3_category { opacity:0; }
.t3_category { width:170px;margin:20px auto 0px;text-align:center;cursor:pointer;padding:20px 10px;border-radius:30px; }
.t3_category img { width:75%; }
.t3_category div:nth-child(2) { font-size:14pt;font-family:bold,tahoma;margin-top:15px; }
.t3_category div:nth-child(3) { opacity:0.7; }

#inner_cats > div:nth-child(1) { width:190px;margin:20px auto 0px;text-align:center; }
#inner_cats > div:nth-child(1) span { background-color:rgba(0,0,0,0.2);color:#fff;padding:10px 15px;display:block;border-radius:30px; }

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#page_food { overflow-y:auto;display:none; }
#page_food_header { position:fixed;left:0;top:0;width:100%;height:auto;z-index:+5;padding:0px 0px 20px;box-shadow:0px 1px 10px rgba(0,0,0,0.2); }
#page_food_header > div:nth-child(1) { text-align:center;font-size:12pt;font-family:bold,tahoma;color:#fff;
margin:0px 0px 20px;position:relative; }
#page_food_header > div:nth-child(1) img { width:100%; }
#page_food_header > div:nth-child(1) > div { padding:15px 0px; }

#page_food_header {  }
#page_food_body { padding:0px 20px 0px; }

.food_box { margin:20px 15px;background-color:rgba(0,0,0,0.1);border-radius:20px;padding:10px;box-sizing:border-box;max-width:200px;
box-sizing:border-box;text-align:center;transition:200ms;-webkit-transform:200ms;-moz-transition:200ms; }
.food_box img { height:40px; }
.food_box div:nth-child(2) { height:25px;line-height:25px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
font-size:10pt;font-family:bold,tahoma;margin-top:5px;color:#fff; }
.active_food_box { transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);-moz-transform:scale(1.3,1.3);
background-color:rgba(0,0,0,0.3); }

.food_label { margin-top:20px;font-size:14pt;font-family:black,tahoma;margin-bottom:10px;text-align:center; }
.food_item { width:100%;border-radius:15px;background-color:rgba(255,255,255,0.3);margin-bottom:15px; }
.food_item > div { vertical-align:top; }
.food_item > div:nth-child(1) { width:100px;padding:15px;padding-left:0px; }
.food_item > div:nth-child(1).hide_div { display:none; }
.food_item > div:nth-child(1) img { width:100px;border-radius:10px; }
.food_item > div:nth-child(2) { padding:15px; }
.food_item > div:nth-child(2) > div:nth-child(1) { font-size:11pt;font-family:bold,tahoma; }
.food_item > div:nth-child(2) > div:nth-child(3) { margin-top:0px; }
.food_item > div:nth-child(2) > div:nth-child(2) { margin:5px 0px; }
.food_item > div:nth-child(2) > div:nth-child(2) span { padding:2px 10px;border-radius:4px;display:inline-block;vertical-align:middle; }
.food_item > div:nth-child(2) > div:nth-child(4) { text-align:left;font-size:11pt;margin-top:5px; }

#t1_detail { width:100%;height:100%;position:fixed;left:0;top:0;z-index:+10;background-color:rgba(0,0,0,0.6);display:none; }
#t1_detail > div { text-align:center; }
#detail_window { width:90%;max-width:450px;margin:0px auto;border-radius:10px;background-color:#fff;overflow:hidden;text-align:right; }
#detail_window > div:nth-child(1) { width:100%;border-bottom:1px solid #eee; }
#detail_window > div:nth-child(1) > div:nth-child(1) { padding:10px 15px;font-size:14pt;font-family:black,tahoma; }
#detail_window > div:nth-child(1) > div:nth-child(2) { padding:10px 15px;text-align:left; }
#detail_window > div:nth-child(1) > div:nth-child(2) img { height:14px;cursor:pointer; }
#detail_window > div:nth-child(2) { height:400px;overflow-y:auto;padding:20px; }
#detail_window > div:nth-child(2) img { width:100%;border-radius:5px;margin-bottom:15px; }