section, article, aside, footer, header, nav {
  display:block;
}
body{
    font-family: Microsoft JhengHei,arial,Microsoft YaHei;
	font-size:12pt;
	width:100%;
    max-width:600px;
	min-width: 320px;
	margin-left:auto;
	margin-right:auto;
    background-color:#7D5622;
	background-Image:url(/m/image/bodybg.png);
    }
.addthis_inline_share_toolbox{
	background-color:#ffffff;
	padding:5px;
}
.toolbar{
	height: 65px;
	width: 100%;
	background-image: url(../image/bg_toolbar.png);
	background-color:#7D5622;
	border-bottom: 1px solid #4c0733;
	position: relative;
	}
.toolbar div{
	display: block;
	position: absolute;
	left:14%; top:5px;
	height: 54px; width: 236px;
	margin: 0px 0px 0px -40px;
	background: url(../image/order_lunchBox_logo_a.png);

	text-indent: -1000em;
	}
.toolbar h1{
	display: block;
	position: absolute;
	left:14%; top:5px;
	height: 54px; width: 236px;
	margin: 0px 0px 0px -40px;
	}

.toolbar h2{
	color: white;
	font-size: 20px;
	font-weight: bold;
	height: 40px;
	left: 50%;
	line-height: 1em;
	margin: 2px 0px 0px -75px;
	overflow: ;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	text-shadow: rgba(0,0,0,0.8) 0px -1px 0px;
	top: 10px;
	white-space: nowrap;
	width: 150px;
	}

.toolbar A:link , A:visited{
	-webkit-border-image: url(../image/button_contact.png) 0 5 0 5 stretch stretch;
	background: none;
	border-width: 0px 5px;
	color: #ffffff;
	font-family: arial;
	font-size: 12pt;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin: 0px;
	overflow: ;
	padding: 0px 3px;
	position: absolute;
	right: 7px;
	text-decoration: none;
	text-overflow: ellipsis;
	text-shadow: rgba(0, 0, 0, 0.496094) 0px -1px 0px;
	top: 7px;
	white-space: nowrap;
	width: auto;
	}
nav.theme{
	position: relative;
	width: 100%; height: 40px;
	background-image: url(../image/bg_nav_repeat.png);
    min-width:320px;
    display:block;
	}
nav.theme ul{
	position: absolute;
	left: 50%; top:0px;
	margin-left: -160px;
	}
nav.theme li{
	float: left;
	}
nav.theme li a{
	float: left;
	display: block;
	height: 40px;
	background: url(../image/bg_nav.png);

	text-indent: -1000em;
	}

#navLink{
	display:block;
	background-color:#7EA301;
	min-width:320px;
	}
#navLink a{
    color:#ffffff;
}

nav.theme li a.Bhome{ width: 80px; background-position: 0px 0px; }
nav.theme li a.Bhome.actived{ background-position: 0px -40px }
nav.theme li a.Bmenu{ width: 80px; background-position: -80px 0px; }
nav.theme li a.Bmenu.actived{background-position: -80px -40px; }
nav.theme li a.BlunchBox{ width: 80px; background-position: -160px 0px; }
nav.theme li a.BlunchBox.actived{background-position: -160px -40px; }
nav.theme li a.Btraffic{ width: 80px; background-position: -240px 0px; }
nav.theme li a.Btraffic.actived{background-position: -240px -40px; }



#tabButton li A:link , A:visited {
	text-align: center;
	display: block;
	min-height: 30px;
	color:#333333;
	}
#dspTabCont{
	-webkit-box-shadow: 0 1px 0px #dddddd inset, 0 1px 1px #888888;
    -webkit-border-radius: 0px 0px 10px 10px;
	padding:12px;
	margin-top:-1px;
	min-height: 120px;
	display: block;
	}

/* fix clear  */
.clear {zoom:1; clear:both;}
.clear:after {content:''; display:block; clear:both; visibility:hidden; height:0;}
/* end fix clear*/

.smlFont{
    font-size:9pt;color:#666666;
	}
.smlFont10pt{
    font-size:10pt;color:#666666;
	}	
.borderimg{
	border: 2px #ffffff solid;
	-webkit-box-shadow: 0px 0px 2px #666666;
	max-width:580px;
	}
.maxWimg{
	max-width:600px;
	}
.content{
	display: block;
	background-color:#ffffff;
	}
.content h1{
	display: block;
	padding:5px 10px 14px 0px;
	font-size: 18px;
	color: #7b2f5f;
	text-transform: uppercase;
	}
.content h2{
	clear:both;
	display: block;
	padding:7px 10px 10px 5px;
	font-size: 16px;
	color: #7b2f5f;
	text-transform: uppercase;
	}
.content h3{
    display: block;
	padding:0px 10px 7px 0px;;
	color: #444;
	font-size: 16px;
	}
.content h3 b{
	color: #7AAE00;
	}
.content h4{
	display: block;
	padding:5px 10px 5px 0px;;
	color: #444;
	font-size: 16px;
	color: #7AAE00;
    }
.content h5{
	clear:both;
	display: block;
	padding:7px 10px 10px 5px;
	font-size: 16px;
	color: #7b2f5f;
	text-transform: uppercase;
	}	
footer{
	border-top:1px solid #FFEDB0;
	display: block;
	width: 100%; height: 170px;
	background: url(../image/bg_footer.png);
	position: relative;
	margin:0px 0px 0px 0px;
	}
footer h5{
	font-size: 18px;
	line-height: 44px;
	color: #FFF;
	text-align: center;
	margin:0px 0px 12px 0px;
	text-shadow: 0 -1px 0 #727e41;
	}
footer a.button{
	display: block;
	height: 44px;
	background-color:#5c7106;
	-webkit-box-shadow: 0 1px 0px #b5c473 inset, 0 1px 1px #0e0c0d;
	float: left;
	margin:0 2% 0 4%;
	width: 44%;
	-webkit-border-radius: 10px;
	line-height: 44px;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	text-shadow: 0 -1px 0 #5d7207;
	text-transform: uppercase;	
	background: -webkit-gradient(linear, left top, left bottom, from(#9bad4e), to(#5c7106));
	}
footer a.button:hover{
	-webkit-box-shadow: 0 1px 0px #e0d3ba inset, 0 1px 1px #3a2701;
	background: -webkit-gradient(linear, left top, left bottom, from(#c1a474), to(#7c6643));
    }		
@media screen and (orientation: landscape){
	footer a.button{
		margin:0 1% 0 2%;
		width: 47%;
	    }
	}
footer a.button#callbutton div{
	display: block;
	width:90px;
	margin:0px auto;
	}
footer a.button#callbutton span{
	display: block;
	width: 22px; 
	height: 24px;
	background: url(../image/phone.png);
	float: left;
	margin:9px 10px 0px 0px;
	}
footer a.button#gpsbutton div{
	display: block;
	width:90px;
	margin:0px auto;
	}
footer a.button#gpsbutton span{
	display: block;
	width: 22px; height: 24px;
	background: url(../image/gps.png);
	float: left;
	margin:9px 10px 0px 0px;
	}
footer nav{
	text-align: center;
	display: block;
	padding: 20px 0px 0px 0px;
	width: 100%;
	float: left;
	color: #898282;
	font-size: 18px;
	text-shadow: 0 1px 1px #0e0c0d;
	}
footer nav ul {
	display:inline-block;
    }
footer nav ul li{
	padding:0 6px;
	float: left;
    border-left: 2px solid #363636;
    }
footer nav ul li:first-child{
	border-left: 0px;
    }		
footer nav b{
	color: #d9d9d9;
	font-weight: bold;
	}
footer nav A:link , A:visited{
	color: #898282;
	}
.bkq{
    margin-left:30px;
    }
ul.lst li{
	margin-left:30px;
	list-style-type:disc;
	}
ol.lst li{
	margin-left:30px;
	list-style-type:decimal;
    }
ul.list{
    display: block;
	}
ul.list li{
	position: relative;
	display: block;
	width: 100%;
	min-height: 44px;
	border-bottom: 1px solid #DDD;
	}
ul.list li:first-child{
	border-top: 1px solid #DDD;
	}
ul.list li:last-child{
	/*border-bottom: none;*/
	}
ul.list li a{
	display: block;
	min-height: 44px;
	width: 100%;
	color: #444	;
	position: relative;
	}
ul.list.icons li a:before{
	content: "";
	display: block;
	position: absolute;
	left:10px; 
	top:7px;
	width: 29px; 
	height: 29px;
	}
ul.list li a p{
	line-height: 45px;
	font-weight: bold;
	position: absolute;
	left:10px;
	}
ul.list.icons li a p{
		left:50px;
		}
ul.list li a span{
	color: #888;
	display: block;
	line-height: 20px;
	width: 150px;
	margin:0px 10px 0px 130px;
	font-weight: normal;
	padding: 12px 0px 10px 0px;
	font-size: 14px;
	}
ul.list li a:after{
	content: '';
	display: block;
	width: 7px; 
	height: 7px;
	border-right: 3px solid #9FB250;
	border-top: 3px solid #9FB250;
	position: absolute;
	right:15px; 
	top:50%;
	margin:-5px 0px 0px 0px;
	-webkit-transform: rotate(45deg);
	}
ul.list a:hover{
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#eee));
	}
ul.list a.active{
	color: #FF6000;
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#efdcc2)); 
    }			
ul.list.icons.services li a:before{
	background: url(../image/traffic_icon.png);
	}
ul.list.icons li a#momo:before{
	background-position: 0px 0px;
	}
ul.list.icons li a#bySubWay:before{
	background-position: 0px -29px;
	}
ul.list.icons li a#byBus:before{
	background-position: 0px -58px;
	}
ul.list.icons li a#parkInfo:before{
	background-position: 0px -87px;
	}
ul.list.icons li a#landmark:before{
	background-position: 0px -116px;
	}
ul.list.icons li a#navi:before{
	background-position: 0px -116px;
	}
ul.list.icons li a#momoObd:before{
	background-position: 0px -145px;
	}
ul.list.icons li a#btotop:before{
	background-position: 0px -174px;
	}
		
.fb_div{
	padding:15px 10px 15px 10px;
    margin:0px auto;
    border:0px ;
    background-color:#ffffff;
    }
/* HOME */

.creditcard{
    display: block;
	text-indent: -1000em;
	height: 45px; width: 300px;
	margin: 0px 0px 0px 0px;
	background-image: url(../image/creditcard.png);
	background-position: -35px 0px;
	background-repeat:no-repeat;
	}
#home #momoyaInfo{
	display: block;
	margin:0px 10px 0px 10px;
	padding-top:20px;
	}
#loginForm{
	-webkit-box-shadow: 0 1px 0px #dddddd inset, 0 1px 1px #888888;
    -webkit-border-radius: 10px 10px 10px 10px;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
	text-align:center;
	}
#loginForm input{
	border:1px solid;
	width:120px;
	}
#loginForm div{
	padding:3px;
	} 
.photoul li{
	margin:0px auto;
    padding-bottom:20px;
	}
.photoul li span{
	display: inline-block ;
    width:100%;
	background: #eeeeee;
	-webkit-box-shadow: 0 1px 0px #ffffff inset, 0 1px 0px #888888;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	color: #000000;
	margin:0px auto;
	padding: 3px;
	display:block;
	-webkit-border-radius:0px 0px 10px 10px;
	font-size: 11pt;
	text-align:center;
	} 


/* traffic */
.googleNavi{
	padding:8px 20px 8px 20px;
	font-size:12pt;
	background-color:#5c7106;
	background: -webkit-gradient(linear, left top, left bottom, from(#9bad4e), to(#5c7106));
	-webkit-box-shadow: 0 1px 0px #777777 inset, 0 1px 0px #000000;
    -webkit-border-radius: 10px 10px 10px 10px;
    text-shadow: 135 1px 1px #000000;
    color:#ffffff;
	}
/* menu */
.menuitems{
		}
.menuitems li{
	position: relative;
	display: block;
	width: 100%;
	min-height: 44px;
	border-bottom: 1px solid #DDD;
	}
.menuitems a:hover{
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#eee));
	}
.menuitems li:first-child{
	border-top: 1px solid #DDD;
	}
.menuitems li:last-child{
	/*border-bottom: none;*/
	}
.menuitems  li a{
	display: block;
	min-height: 49px;
	padding: 10px 0px 10px 105px;
	color: #444	;
	position: relative;
	}
.menuitems  li a img{
	width: 80px; height: 45px;
	border: 2px white solid;
	-webkit-box-shadow: 0px 0px 2px #CCCCCC;
	position: absolute;
	left:10px; top:10px;
	}
.menuitems  li a p{
	font-weight: bold;
	font-size: 16px;
	display: block;
	padding: 0px 25px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
.menuitems  li a p small{
	font-weight: 400;
	font-size: 11px;
	color:#888888;
	padding-left:7px;
	}
.menuitems  li a span{
	float: left;
	background: #efefef;
	color: #777777;
	margin: 0px 5px 0px 0px;
	padding: 0px 4px 3px 4px;
	-webkit-border-radius: 5px;
	height:15px;
	font-size: 12px;
	text-transform: uppercase;
	}
.menuitems li a:after{
	content: '';
	display: block;
	width: 7px; height: 7px;
	border-right: 3px solid #9FB250;
	border-top: 3px solid #9FB250;
	position: absolute;
	right:15px; top:50%;
	margin:-5px 0px 0px 0px;
	-webkit-transform: rotate(45deg);
	}
.menuitems a.active{
	color: #FF6000;
	background: -webkit-gradient(linear, left top, right bottom, from(#ffffff), to(#efdcc2));
    }