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

#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; }


#center_section { position:fixed;width:100%;height:100%;top:0;left:0;text-align:center;vertical-align:middle;
z-index:+3;overflow-y:auto; }
#center_section > div { margin:50px auto; }

#p1_section { display:block; }
#p2_section { display:none; }

#logo { width:80%;max-width:450px;margin:0px auto 10px; }
#logo > img { width:100%; }

#menu_back_holder { width:80%;max-width:450px;margin:0px auto 15px;margin-bottom:20px;font-size:12pt;text-align:right;font-size:12pt;font-family:bold,tahoma;cursor:pointer;opacity:0; }
#menu_back_holder i { display:inline-block;vertical-align:middle;margin-left:10px;width:12px;height:12px;background-size:100%;background-image:url('../Temp/right.png'); }

.menu { width:80%;max-width:450px;margin:0px auto 15px;cursor:pointer;padding:10px;border-radius:10px; }
.menu > .tbl { width:100%; }
.menu > .tbl > div:nth-child(1) { width:40px;padding-left:15px; }
.menu > .tbl > div:nth-child(1) > img { width:100%; }
.menu > .tbl > div:nth-child(2) { text-align:right;font-family:bold,tahoma;font-size:16pt;color:#fff; }
.menu > .tbl > div:nth-child(2) > span { font-size:9pt;opacity:0.6;font-family:light,tahoma;margin-right:10px; }

#category_back { width:80%;max-width:450px;margin:0px auto 30px;padding:15px;border-radius:10px;color:#fff;font-size:12pt;font-family:bold,tahoma;cursor:pointer;text-align:right; }
#category_back > i { display:inline-block;width:30px;height:30px;vertical-align:middle;margin-left:15px;border-radius:15px;background-size:30%;background-position:center;
background-repeat:no-repeat;background-color:rgba(0,0,0,0.2);background-image:url('../Temp/right.png'); }

#food_label { width:80%;max-width:450px;margin:0px auto 30px;font-size:18pt;font-family:black,tahoma;padding:10px 15px 30px;
border-bottom:2px solid #fff;margin-bottom:20px;text-align:right; }
#food_label img { height:40px;margin-left:10px; }

.food { width:80%;max-width:450px;margin:0px auto 10px;text-align:center;cursor:pointer; }
.food > .tbl { width:100%; }
.food > .tbl > div:nth-child(1) { width:35px;text-align:right; }
.food > .tbl > div:nth-child(1) span { display:inline-block;vertical-align:middle;width:20px;height:20px;background-size:100%;background-image:url('../Temp/info.png'); }
.food > .tbl > div:nth-child(2) { font-size:12pt;font-family:bold,tahoma;text-align:right; }
.food > .tbl > div:nth-child(3) { font-size:10pt;font-family:bold,tahoma;text-align:left; }
.food > div:nth-child(2) { display:none;margin-top:20px; }
.food > div:nth-child(2) > div:nth-child(1) { width:100%;height:40px;position:relative;z-index:0; }
.food > div:nth-child(2) > div:nth-child(1) > span { display:block;width:40px;height:40px;position:absolute;right:30px;top:0px;
border-radius:5px;background-color:#fff;transform:rotate(45deg); }
.food > div:nth-child(2) > div:nth-child(2) { padding:15px;height:auto;text-align:right;border-radius:10px;background-color:#fff;
font-size:10pt;margin-top:-35px;position:relative;z-index:1; }

.more_content { margin-top:15px;text-align:left;color:#aaa; }
.more_content > span { cursor:pointer; }

#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; }