*{margin:0;padding:0;}
body,html{height:100%;font-size:1.2em;background-color:black;color:white;}
a:link {
    color: white;text-decoration: none;
}

/* visited link */
a:visited {
    color: white;text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #66ffff; text-decoration: underline;
}

/* selected link */
a:active {
    color: #66ffff; text-decoration: underline;
}

#allwrap {min-height:100%;}

header {width:100%;text-align:center;}
content {position:relative;width:100%;text-align:center;}

#menu {position:relative;text-align:center;background:black; z-index:20;}\

input {text-align:center;font-size:1em;padding:10px;}
#container {height:250px; width:100%; text-align:center; border-radius:4px; overflow:hidden; z-index:30; position:fixed;
 max-width:550px; width:100%; top:125px; left:50%; margin-right:-50%; transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);}	
.orderbtn {color:white; background-color:#181818; border-color:#f8f8f8;padding:5px;margin:5px;font-size:1em;}
.orderbtn:hover {background-color:white; color:black; background-position:center;  box-shadow:0 0 10px 10px #66ffff;}
.orderbtn:active {background-color:#00BBF6; background-position:center;  box-shadow:0 0 10px 10px #00BBF6;}
.sidebtn {color:white;background-color:rgba(0, 0, 0, 0.5);border-color:#f8f8f8; padding:5px; max-width:310px; width:100%; margin:-8px 0; font-size:1em;}
.sidebtn:hover {background-color:white; color:black; background-position:center;  box-shadow:0 0 10px 10px white;}
.sidebtn:active {background-color:#00BBF6; background-position:center; box-shadow:0 0 10px 10px #00BBF6;}
.photobtn {position:fixed;left:120px;top:0;right:80px;border-radius:50%;width:45px;height:45px;overflow:hidden;}
.photobtn:hover {box-shadow:0 0 10px 10px white;}

.hammenu {position:absolute; display: inline-block; left:15px;top:10px; width:4em; height:1.1em; font-size:1.5em; color:white; background-color: rgba(0, 0, 0, 0.2);}
.hammenu:hover {box-shadow:0 0 2px 2px white;}
.hammenu a {color:white;text-decoration:none;}
.menubtnfloat {position: relative; padding-left: 1.25em;}
.menubtnfloat:before {content: ""; position: absolute; top: 0.25em; left: 0; width: 1em; height: 0.125em; border-top: 0.375em double white; border-bottom: 0.125em solid white;}
.carticon {position:absolute; left:155px; top:10px; width:4.5em; height:1.1em; font-size:1.5em; color:white; background-color: rgba(0, 0, 0, 0.2);}
img
{
background-image:url('../menuimage/10000.jpg');
background-size:cover;z-index:-1;
}


.cartimg {width:1.2em; height:0.8em; padding-right:7px; padding-top:3.5px;background-image:none;}
.carticon:hover {box-shadow:0 0 2px 2px white;}
.carticon a {color:white;text-decoration:none;}
.menubtn {width:60px;height:60px;}
.menubtn:hover  {box-shadow:0 0 10px 10px white;}
.menu{overflow-x:hidden;position:relative;left:0;}


.cart{overflow-x:hidden;position:relative;right:0;}
.cart-open{right:331px;}
.cart-open .cart-side{right:0;}
.cart-side,
.cart{transition:left 0.9s ease;-webkit-transition:left 0.9s ease;-moz-transition:left 0.9s ease;}
.cart-side{background-image:url(../images/sidetap1.png); border-right:1px solid #000;color:#fff;position:fixed;top:0;right:-331px;width:310px;height:100%;padding:10px; z-index:70;overflow:auto;}


#menu-div{background-image:url(../images/sidetap.png); border-right:1px solid #000;color:#fff;position:fixed;top:0;left:0;width:310px;height:100%;padding:10px; z-index:70;overflow:auto;display:none;}

#Entree{height:250px;}
#Noodle{height:250px;}
#Rice{height:250px;}
#Main{height:250px;}
#Soup{height:250px;}
#Drink{height:250px;}
#Breakfast{height:250px;}
#Dinner{height:250px;}
#Lunch{height:250px;}
#ExtraFees{height:250px;}


.menu-open{left:331px;}
.menu-open #container{margin-left:331px;transition:0.9s ease;-webkit-transition:0.9s ease;-moz-transition:0.9s ease;}
.menu #container{transition:0.9s ease;-webkit-transition:0.9s ease;-moz-transition:0.9s ease;}
.menu-open .menu-side{left:0;}
.menu-side,
.menu{transition:left 0.9s ease;-webkit-transition:left 0.9s ease;-moz-transition:left 0.9s ease;}
.menu-side{background-image:url(../images/sidetap.png); border-right:1px solid #000;color:#fff;position:fixed;top:0;left:-331px;width:310px;height:100%;padding:10px; z-index:70;overflow:auto;}
.list:hover {color:#66ffff;box-shadow:0 0 5px 5px;width:98%;max-width:540px;margin-left:auto;margin-right:auto;}
.list:active {color:teal;}
#image {height:100%; width:100%;}
#left_holder {height:250px;	width:100px; position: absolute; left:0px; top:0px;}
#right_holder {height:250px; width:100px; position: absolute; right:0px; top:0px;}
.left {height:50px; width:50px; position:absolute; top:40%; left:20px; opacity:.7; transition: all .5s ease-in-out 0s;border-radius:50%;}
.left:hover {box-shadow:0 0 10px 10px white;}	
.right {height:50px; width:50px; position:absolute; top:40%; right:20px; opacity:.7; transition: all .5s ease-in-out 0s;border-radius:50%;}
.right:hover {box-shadow:0 0 10px 10px white;}	
.left_holder:hover .left {opacity:0.6;}
.right_holder:hover .right {opacity:0.6;}
.left:hover .left1 .handselector {cursor:pointer;}
@media screen and (max-width: 500px) {.container.figcaption { font-size: 1.2rem; }}