html { width:100%;height:100%;overflow:hidden;overflow-y:scroll;position:fixedx;margin:0px;padding:0px;background-color:#ffffff; }
body { overflow-y:none; }
@media only screen and (min-width:1100px) and (max-width: 3840px) {
.Container { width:100%; }
.Toolbar { width:100%;height:50px;background-color:#e21e21;position:absolute;top:0px;z-index:10001; }
.ToolbarContent { width:calc(100% - 20px);border:0px;margin-left:5px; }
.ToolbarLink { color:#ffffff;font-size:1.1em;text-decoration:none;font-family:'Oswald';font-size:18px; }
.TopMenuArea { width:550px;float:left; }
.TopMenuSpaceArea { width:50px;height:50px;float:left; }
.TopMenuLoginArea { width:calc(100% - 605px);height:50px;float:left; }
.MenuIconArea { display:block; width:30px;height:30px;cursor:pointer;margin-left:-5px;margin-top:10px;background-image:url('../images/Icon_Menu.svg');background-size:100%;float:left; }
.MenuLogoArea { display:none; }
.SearchIconArea { display:none; width:30px;height:30px;cursor:pointer;background-image:url('../images/Icon_Search.svg');background-size:100%;}
.MemberIconArea { display:none; width:30px;height:30px;cursor:pointer;background-image:url('../images/Icon_Member.svg');background-size:100%;}
.TopMenuArea { display:none; }
.TopMenuSpaceArea { display:block; width:50px; float:left; }
.TopMenuLoginArea { display:block; width:calc(100% - 82px); float:left; }
.RestaurantTop { width:100%;height:200px;overflow:hidden;background-colorx:#dbdbdb;box-shadow:0 1px 5px 0 rgba(0,0,0,.3);position:absolute;z-index:110; }
.LogoArea { margin-left: calc((100% - 250px)/2);margin-top: 73px;background: #ffffff;display: inline-block;height: 125px;width: 250px;border-top-left-radius: 125px;border-top-right-radius: 125px;opacity: 0.8;border-left: 2px solid #dbdbdb;border-righ: 2px solid #dbdbdb;border-top: 2px solid #dbdbdb; }
.RestaurantTopSpace { width:100%;height:200px; }
.Menu { width:100%;height:50px;position:absolute;background-color:#e21e21;font-family:'Arial';font-size:14px;z-index:102;box-shadow:0 1px 5px 0px rgba(0,0,0,.7);overflow-y:hidden;text-align:center;line-height:50px;color:#ffffff;font-family:'Oswald';font-size:18px; }
.Content { width:1090px;height:calc(100vh - 350px);min-height:900px;position:absolute;z-index:99;padding-top:0px; margin-top:50px; margin-left:calc((100% - 1090px)/2);background-color:#f8f5f2;box-shadow:0 1px 5px 0px rgba(0,0,0,.3); }
.Footer { width:100%;height:50px;position:fixed;bottom:0px;background-color:#e21e21;font-family:'Arial';font-size:14px;z-index:102;box-shadow:0 1px 5px 0px rgba(0,0,0,.7);overflow:hidden;line-height:50px;color:#ffffff;font-family:'Oswald';font-size:14px; }
.OpenCloseArrow { width:30px;margin-top:30px; }
.OpenCloseOutside { width:200px;height:200px;padding:5px;background-color:#565656;border-radius:100px; }
.OpenCloseInside { width:196px;height:196px;border-radius:98px;border:2px solid #ffffff;background-image: url('../images/OpenClose.png');background-position: 50% 50%;background-size:cover; }
.OpenCloseStatus { width:134px;height:53px;position:absolute;line-height:59px;margin-left:31px;margin-top:83px;text-align:'center';font-size:22px;opacity:1; }
.OpenCloseRed { background-color:#e12735; color:#e12735; }
.OpenCloseGreen { background-color:#478e08; color:#478e08; }
.BtnOutside { display:inline-block;height:50px;padding:5px;background-color:#565656;border-radius:10px;cursor:pointer; }
.BtnInside { float:left;height:46px;line-height:50px;text-align:'center';font-size:22px;padding-left:15px;border-radius:10px;border:2px solid #ffffff;padding-right:15px;min-width:120px; }
.ContentPage { width:1050px;min-height:900px;position:absolute;z-index:99;padding:20px; margin-top:50px; margin-left:calc((100% - 1050px)/2);background-color:#ffffff;box-shadow:0 1px 5px 0px rgba(0,0,0,.3); text-align:left;}
.StaticPageImage { width:100%;height:450px;margin-bottom:20px;overflow:hidden; }
.ContactMap { width:100%;height:450px;margin-bottom:20px;overflow:hidden; }
}
@media screen and (min-width:769px) and (max-width:1099px) {
.Container { width:100%;background-color:#ff0000; }
.Toolbar { width:100%;height:50px;background-color:#e21e21;position:absolute;top:0px;z-index:10001; }
.ToolbarContent { width:calc(100% - 20px);border:0px;margin-left:10px; }
.ToolbarLink { color:#ffffff;font-size:1.1em;text-decoration:none;font-family:'Oswald';font-size:18px; }
.TopMenuArea { width:550px;float:left; }
.TopMenuSpaceArea { width:50px;height:50px;float:left; }
.TopMenuLoginArea { width:calc(100% - 610px);height:50px;float:left; }
.MenuIconArea { display:block; width:30px;height:30px;cursor:pointer;margin-left:-5px;margin-top:10px;background-image:url('../images/Icon_Menu.svg');background-size:100%;float:left; }
.MenuLogoArea { display:none; }
.SearchIconArea { display:none; width:30px;height:30px;cursor:pointer;background-image:url('../images/Icon_Search.svg');background-size:100%;}
.MemberIconArea { display:none; width:30px;height:30px;cursor:pointer;background-image:url('../images/Icon_Member.svg');background-size:100%;}
.TopMenuArea { display:none; }
.TopMenuSpaceArea { display:block; width:50px; float:left; }
.TopMenuLoginArea { display:block; width:calc(100% - 82px); float:left; }
.RestaurantTop { width:100%;height:200px;box-shadow:0 1px 5px 0 rgba(0,0,0,.3);position:absolute;z-index:110; }
.LogoArea { margin-left: calc((100% - 250px)/2);margin-top:73px;background: #ffffff;display: inline-block;height: 125px;width: 250px;border-top-left-radius: 125px;border-top-right-radius: 125px;opacity: 0.8;border-left: 2px solid #dbdbdb;border-righ: 2px solid #dbdbdb;border-top: 2px solid #dbdbdb; }
.RestaurantTopSpace { width:100%;height:200px; }
.Menu { width:100%;height:50px;position:absolute;background-color:#e21e21;color:#ffffff;font-family:'Arial';font-size:14px;z-index:102;margin-top:0px;box-shadow:0 1px 5px 0px rgba(0,0,0,.7);overflow-y:hidden;text-align:center;line-height:50px;color:#ffffff;font-family:'Oswald';font-size:18px; }
.Content { width:100%;height:calc(100vh - 350px);min-height:900px;z-index:99;position:absolute;padding-top:0px;margin-top:50px;margin-left:0px;background-color:#f8f5f2;box-shadow:0 1px 5px 0px rgba(0,0,0,.3); }
.Footer { width:100%;height:50px;position:fixed;bottom:0px;background-color:#e21e21;font-family:'Arial';font-size:14px;z-index:102;box-shadow:0 1px 5px 0px rgba(0,0,0,.7);overflow:hidden;line-height:50px;color:#ffffff;font-family:'Oswald';font-size:14px; }
.OpenCloseArrow { width:30px;margin-top:30px; }
.OpenCloseOutside { width:200px;height:200px;padding:5px;background-color:#565656;border-radius:100px; }
.OpenCloseInside { width:196px;height:196px;border-radius:98px;border:2px solid #ffffff;background-image: url('../images/OpenClose.png');background-position: 50% 50%;background-size:cover; }
.OpenCloseStatus { width:134px;height:53px;background-color:#000000x;position:absolute;line-height:59px;margin-left:31px;margin-top:83px;text-align:'center';font-size:22px;opacity:1; }
.OpenCloseRed { background-color:#e12735; color:#e12735; }
.OpenCloseGreen { background-color:#478e08; color:#478e08; }
.BtnOutside { display:inline-block;height:50px;padding:5px;background-color:#565656;border-radius:10px;cursor:pointer; }
.BtnInside { float:left;height:46px;line-height:50px;text-align:'center';font-size:22px;padding-left:15px;border-radius:10px;border:2px solid #ffffff;padding-right:15px;min-width:120px; }
.ContentPage { width:calc(100% - 40px);height:calc(100vh - 350px);min-height:900px;position:absolute;z-index:99;padding:20px; margin-top:50px; margin-left:0px;background-color:#ffffff;box-shadow:0 1px 5px 0px rgba(0,0,0,.3); text-align:left;}
.StaticPageImage { width:100%;height:350px;margin-bottom:20px;overflow:hidden; }
.ContactMap { width:100%;height:350px;margin-bottom:20px;overflow:hidden; }
}
@media only screen and (max-width: 768px)
{
/* body { overflow-y:hidden; } */
.Container { width:100%;background-color:#fff000; }
.Toolbar { width:100%;height:50px;background-color:#e21e21;position:absolute;top:0px;z-index:10001; }
.MenuIconArea { display:block; width:30px;height:30px;cursor:pointer;margin-left:10px;margin-top:10px;background-image:url('../images/Icon_Menu.svg');background-size:100%;float:left; }
.MenuLogoArea { display:block; width: calc(100% - 90px); float:left; margin-top:5px; z-index:1000000 }
.SearchIconArea { display:block; width:30px;height:30px;cursor:pointer;margin-left:10px;margin-top:10px;background-image:url('../images/Icon_Search.svg');background-size:100%;float:left;}
.MemberIconArea { display:block; width:30px;height:30px;cursor:pointer;margin-left:10px;margin-top:10px;background-image:url('../images/Icon_Member.svg');background-size:100%;float:left;}
.TopMenuArea { display:none; }
.TopMenuSpaceArea { display:none; }
.TopMenuLoginArea { display:none; }
.RestaurantTop { width:100%;height:125px;box-shadow:0 1px 5px 0 rgba(0,0,0,.3);position:static;z-index:110; }
.LogoArea { margin-left: calc((100% - 200px)/2);margin-top:23px;background: #ffffff;display: inline-block;height: 100px;width: 200px;border-top-left-radius: 125px;border-top-right-radius: 125px;opacity: 0.8;border-left: 2px solid #dbdbdb;border-righ: 2px solid #dbdbdb;border-top: 2px solid #dbdbdb; }
.RestaurantTopSpace { width:100%;height:0px;display:none; }
.Menu { width:100%;height:50px;position:absolute;background-color:#e21e21;;color:#ffffff;font-family:'Arial';font-size:14px;z-index:102;margin-top:0px;box-shadow:0 1px 5px 0px rgba(0,0,0,.7);overflow-y:hidden;text-align:center;line-height:50px;color:#ffffff;font-family:'Oswald';font-size:18px; }
.Content { width:100%;min-height:calc(100vh - 225px);position:absolute;z-index:99;margin-top:50px;margin-left:0px;background-color:#f8f5f2;box-shadow:0 1px 5px 0px rgba(0,0,0,.3); }
.Footer { display:nonex; width:100%;height:50px;position:fixed;bottom:0px;background-color:#e21e21;font-family:'Arial';font-size:14px;z-index:102;box-shadow:0 1px 5px 0px rgba(0,0,0,.7);overflow:hidden;line-height:50px;color:#ffffff;font-family:'Oswald';font-size:14px; }
.OpenCloseArrow { width:30px;margin-top:20px; }
.OpenCloseOutside { width:140px;height:140px;padding:5px;background-color:#565656;border-radius:75px;margin-top:10px; }
.OpenCloseInside { width:136px;height:136px;border-radius:68px;border:2px solid #ffffff;background-image: url('../images/OpenClose.png');background-position: 50% 50%;background-size:cover; }
.OpenCloseStatus { width:94px;height:38px;background-color:#000000x;position:absolute;line-height:43px;margin-left:21px;margin-top:57px;text-align:'center';font-size:18px;opacity:1; }
.OpenCloseRed { background-color:#e12735; color:#e12735; }
.OpenCloseGreen { background-color:#478e08; color:#478e08; }
.BtnOutside { display:inline-block;height:50px;padding:5px;background-color:#565656;border-radius:10px;cursor:pointer; }
.BtnInside { float:left;height:46px;line-height:50px;text-align:'center';font-size:20px;padding-left:15px;border-radius:10px;border:2px solid #ffffff;padding-right:15px;min-width:120px; }
.ContentPage { width:calc(100% - 40px);min-height:calc(100vh - 328px);position:absolute;z-index:99;padding-bottom:81px;padding-top:20px;padding-left:20px;padding-right:20px;margin-top:50px;margin-left:0px;background-color:#ffffff;box-shadow:0 1px 5px 0px rgba(0,0,0,.3); text-align:left;}
.StaticPageImage { width:100%;height:250px;margin-bottom:20px;overflow:hidden; }
.ContactMap { width:100%;height:250px;margin-bottom:20px;overflow:hidden; }
.fancybox-slide { padding:0px !important }
}
.AltGolge { box-shadow:0 0 5px 2px rgba(0,0,0,.3); }
/* Top Login Form Start */
.Username { background-image:url('../images/Icon_UsernameX.png');background-repeat:no-repeat;padding-left:25px;border:1px solid #ffffff;height:20px;border-radius:3px;width:108px;font-family:'Oswald';font-size:14px;padding-top:2px;padding-bottom:2px;outline:none; }
.Password { background-image:url('../images/Icon_PasswordX.png');background-repeat:no-repeat;padding-left:25px;border:1px solid #ffffff;height:20px;border-radius:3px;width:78px;font-family:'Oswald';font-size:14px;padding-top:2px;padding-bottom:2px;outline:none; }
.LoginBTN { border:0px solid #757575;width:70px;padding-top:5px;padding-bottom:5px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#ffce00;color:#d41e2a;font-family:'Oswald';font-size:14px;text-align: center;cursor:pointer;outline:none; }
.RegisterBTN { border:0px solid #757575;width:80px;padding-top:5px;padding-bottom:5px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background-color:#ffffff;color:#e21e22;font-family:'Oswald';font-size:14px;text-align: center;cursor:pointer;outline:none; }
/* Top Login Form Finish */
.svg {width:100%;height:100%;}
.IconHome path {fill: #ffffff !important;}
.IconAddress path {fill: #e21e22 !important;}
.IconAddressMapDetail path {fill: #636363 !important;}
.IconCollectionTime path {fill: #e21e22 !important;}
.IconCollectionTimeDetail path {fill: #636363 !important;}
.IconDeliveryTime path {fill: #e21e22 !important;}
.IconDeliveryTimeDetail path {fill: #636363 !important;}
.IconDeliveryArea path {fill: #e21e22 !important;}
.IconDeliveryAreaDetail path {fill: #636363 !important;}
.IconWarning path {fill: #e21e22 !important;}
.IconWarningDetail path {fill: #636363 !important;}
.IconUp path {fill: #ffffff !important;}
.IconPhoto path {fill: #ff0000 !important;}
.IconPlus path {fill: #e21e22 !important;}
.BtnRed { background-color:#e12735; color:#ffffff; }
.BtnGreen { background-color:#478e08; color:#ffffff; }
.BtnOrange { background-color:#fa8513; color:#ffffff; }
.sidenav { width: 250px; height: 100%; position: fixed; z-index: 1; top: 0; left: -250px; background-color: #e21e21; overflow-x: hidden; transition: 0.2s; padding-top: 60px; z-index:10002; opacity:0.98; box-shadow:0 1px 5px 0px rgba(0,0,0,.7); }
.sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color:#ffffff; display: block; transition: 0.3s; }
.sidenav a:hover { color:#fcde6d; }
.sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }
.sidenav2 { width: 250px; height: 100%; position: fixed; z-index: 1; top: 0; left: calc(100% + 250px); background-color:#363636; overflow-x: hidden; transition: 0.2s; padding-top: 60px; z-index:10002; opacity:0.98; box-shadow:0 1px 5px 0px rgba(0,0,0,.7); }
.sidenav2 a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color:#ffffff; display: block; transition: 0.3s; }
.sidenav2 a:hover { color:#fcde6d; }
.sidenav2 .closebtn2 { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }