@charset "utf-8";
/* CSS Document */
body{
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color:#DFD986;
	/*background-image:url(img/canvasBg.jpg);*/
	overflow:auto;
}
.canvas{
	width:auto;
	height:auto;
}
.container{
	width:800px;
	height:1000px;
	margin:auto;
    background-color:#FFFFCC;
	border-style:solid;
	border-color:#999999;
	/*background-image:url(img/containerBgL.jpg);*/
	background-position:bottom;
	border-top-width:0px;
	border-bottom-width:1px;
	border-left-width:1px;
	border-right-width:1px;
	border-radius: 0px 0px 15px 15px;
	box-shadow: 3px 3px 5px #222222;
	overflow:hidden;
}
.portal1{
	position:relative;
	width:inherit;
	height:160px;
	background-color:#FFFFCC;
	/*background-image:url(img/portal1Bg.jpg);*/
}
.portal2{ /*buttons*/
	position:relative;
	width:inherit;
	height:50px;
	background-image:url(img/btn.jpg);
	background-color:#FFFFCC;
	border-style:solid;
	border-color:#999999;
	border-top-width:1px;
	border-bottom-width:1px;
	border-left-width:0px;
	border-right-width:0px;
}
.portal3{
	width:inherit;
	height:1800px;
    background-color:#FFFFCC;
	position:relative;
	overflow:hidden;
}
.portal4{
	width:800px;
	height:60px;
	margin:auto;
	padding:5px;
	text-align:center;
	vertical-align:middle;
	font-size:10px;
}
nav{
	width:800px;
	height:50px;
}
ul{
	list-style-type:none;
	margin:0px;
	padding:0px;
	overflow:hidden;
}
li{
	width:159px;
	display:inline;
	float:left;
	text-align:center;
	table-layout:auto;
}
.langBtn{
	display:block;
	position:absolute;
	top:0px;
	width:80px;
	height:20px;
	line-height:20px;
	opacity:1;
	margin:auto;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding-top:0px;
	text-align:center;
	float:left;
	vertical-align:middle;
	color:#124603;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	background-color:#e1e6ba;
	border-radius: 11px 11px 11px 11px;
	border-color:#124603;
	border-style:solid;
	border-width:2px;
	overflow:hidden;
    cursor:pointer;
}
.OnResBtn{
	display:block;
	position:absolute;
	overflow:hidden;
	width:80px;
	height:20px;
	line-height:20px;
	margin:auto;
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	padding-top:0px;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	border-radius: 11px 11px 11px 11px;
	border-color:#124603;
	border-style:solid;
	border-width:2px;
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(33,128,5,1) 100%);
	cursor:pointer;
}

.phoneDiv{position:absolute; top:40px; left:430px; width:370px; height:115px; margin:0px; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#124603;}
.logoDiv{position:absolute; top:8px; left:28px; height:140px; margin:0px; overflow:hidden; cursor:pointer;}
.separator{
	width:1px;
	height:50px;
	background-color:#999999;
}
.btn{
	width:159px;
	height:50px;
	display:table-cell;
	background-image:url(img/btn.jpg);
	background-color:#e1e6ba;
	vertical-align:middle;
	text-decoration:none;
}
.eng{
	display:block;
}
.chTr{
	display:none;
}
.chSi{
	display:none;
}
/*Content box css*/
.box{
	width:inherit;
	height:inherit;
	position:absolute;
	top:0px;
	left:0px;
	margin:auto;
	display:none;
/*	-webkit-overflow-scrolling:touch;*/
}
.homeBox{
    position:absolute;
    padding:0px; 
    border-radius:5px;
    border-style:solid;
    border-width:1px;
    opacity:1;
    box-shadow: 1px 1px 5px #FFFFFF;
    cursor:pointer;
}

/*Address in Location*/
a.address:link{color:#000000; text-decoration: none;}
a.address:visited{color:#000000; text-decoration: none;}
a.address:active{color:#000000; text-decoration: none;}
a.address:hover{color:#66CC66; text-decoration: none;}

/*Photo frame*/
.frameCenter{
	width:inherit; height:inherit; position:absolute;
}
.photoCenter{
	position:absolute; top:0px; left:0px;
}
.photoSide{
	position:absolute; top:0px; left:800px;
}
.btnBack{
	width:60px; height:400px; position:absolute; top:50px; left:0px; margin:auto; opacity:0.5;
}
.btnForw{
	width:60px; height:400px; position:absolute; top:50px; left:740px; margin:auto; opacity:0.5;
}
.photoDotContainer{
	top:380px;
	left:330px;
	width:200px;
	height:20px;
	position:absolute;
	margin:auto;
}
.photoDotBox{
	width:auto;
	display:inline;
	float:left;
	text-align:center;
	table-layout:auto;
}
.photoDot{
	width:5px;
	height:5px;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	position:relative;
	opacity:0.8;
	border-radius:5px;
	border-style:solid;
	border-top-width:2px;
	border-bottom-width:2px;
	border-left-width:2px;
	border-right-width:2px;
	border-color:#666666;
	background-color:#CCCCCC;
	box-shadow: 1px 1px 5px #111111;
}
.photoTime{
	position:absolute;
	top:397px;
	left:0px;
	width:100%;
	height:2px;
	background-color:#999999;
	opacity:0.5;
}
.btnBack:hover{opacity:1; cursor:pointer;}
.btnForw:hover{opacity:1; cursor:pointer;}

.btnNav1{width:100px; height:30px; margin:auto; background-image:url(img/nav.png); background-position: 0px 0px; cursor:pointer;}
.btnNav2{width:100px; height:30px; margin:auto; background-image:url(img/nav.png); background-position:-100px 0px; cursor:pointer;}
.btnNav3{width:100px; height:30px; margin:auto; background-image:url(img/nav.png); background-position:-200px 0px; cursor:pointer;}
.btnNav4{width:100px; height:30px; margin:auto; background-image:url(img/nav.png); background-position:-300px 0px; cursor:pointer;}
.btnNav5{width:100px; height:30px; margin:auto; background-image:url(img/nav.png); background-position:-400px 0px; cursor:pointer;}

.cateBtn{
	display:none;
	position:fixed;
	top:0px;
	width:300px;
	height:30px;
	margin:auto;
	text-align:center;
	background-color:#ecffe8;
    border-width: 0px 2px 2px 2px;
    border-color:#124603;
	border-style:solid;
	border-radius: 0px 0px 10px 10px;
	z-index:120;
    cursor:pointer;
}
.close{
	display:none;
	position:fixed;
	top:0px;
	width:60px;
	height:60px;
	margin:auto;
	padding:5px;
	text-align:center;
	z-index:125;
    cursor:pointer;
}
.cateList{
	display:none;
	position:fixed;
	top:-430px;
	width:400px;
	height:450px;
	margin:auto;
	padding-top:40px;
	text-align:center;
	background-color:#FFFFCC;
	border-radius: 0px 0px 10px 10px;
	z-index:110;
    cursor:pointer;
}
.cateListBtn{
	width:350px;
	height:30px;
	margin:auto;
	margin-top:10px;
	padding-top:8px;
	background-color:#ecffe8;
	border-color:#124603;
	border-style:solid;
	border-radius: 10px;
    cursor:pointer;
}
.menuScreen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
	margin:auto;
	overflow:auto;
	text-align:center;
    background: rgba(0, 0, 0, 0.8);
    z-index:100;
	display:none;
	padding-top:50px;
	-webkit-overflow-scrolling:touch;
}
.menuImg{}
.infoImg{
	position:relative;
	width:200px;
	height:150px;
	overflow:hidden;
	border-radius:5px;
	border-style:solid;
	border-width:1px;
    cursor:pointer;
}
.galleryScreen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
	margin:auto;
	overflow:auto;
	text-align:center;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
	display:none;
	padding-top:50px;
	-webkit-overflow-scrolling:touch;	
}
.galleryImg{
	background-color:#EEEBE3; 
	border-style:outset;
	border-width:3px; 
	border-radius:10px; 
	margin:auto; 
	margin-top:20px; 
	padding:0px;
	overflow:hidden;
}
.galleryCuisineThumb{
	width:50px;
	height:50px;
	position:relative;
	float:left;
	background-color:#EEEBE3;
	border-style:solid;
	border-width:2px;
	border-radius:5px;
	border-color:#124603;
	margin-top:0px;
	margin-left:8px;
	margin-right:8px;
	padding:0px;
	overflow:hidden;
}
.galleryCuisineImgBox{
	width:730px;
	height:730px;
	position:relative;
	background-color:#FFFFFF;
	border-style:outset;
	border-width:3px; 
	border-radius:10px; 
	margin:auto; 
	margin-top:0px; 
	padding:0px;
	overflow:hidden;
}
.galleryCuisineImg{
	display:none;
	width:850px;
	height:850px;
	position:relative;
	padding:0px
	margin:auto;
	overflow:hidden;
}
.closeGallery{
	display:none;
	position:fixed;
	top:0px;
	width:60px;
	height:60px;
	margin:auto;
	padding:5px;
	text-align:center;
	z-index:125;
    cursor:pointer;
}
.slideCtr{
	display:block;
	position:relative;
	top:0px;
	width:130px;
	height:20px;
	line-height:20px;
	opacity:1;
	margin:auto;
	margin-top:0px;
	margin-right:20px;
	margin-left:20px;
	padding-top:0px;
	text-align:center;
	float:left;
	vertical-align:middle;
	color:#330000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:13px;
	background-color:#DCD2C9;
	border-radius: 15px 15px 15px 15px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:2px;
	overflow:hidden;
}
.mapScreen {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
	margin:auto;
	overflow:auto;
	text-align:center;
    background: rgba(0, 0, 0, 0.8);
    z-index: 100;
	display:none;
	padding-top:50px;
	-webkit-overflow-scrolling:touch;	
}
.videoScreen{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
	margin:auto;
	overflow:auto;
	text-align:center;
    background: rgba(0, 0, 0, 0.8);
    z-index: 101;
	display:none;
	padding-top:50px;
	-webkit-overflow-scrolling:touch;
}
.marq{
	width:300px;
	position:relative;
	-webkit-animation:move 10s infinite;
	animation:move 10s infinite;
}
.specialNotice {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
	margin:auto;
	overflow:auto;
	text-align:center;
    background: rgba(0, 0, 0, 0);
    z-index: 100;
	display:block;
	padding-top:50px;
	-webkit-overflow-scrolling:touch;
}
@-webkit-keyframes move{
	0%   {left:0px; top:0px;}
	50%  {left:-100px; top:0px;}
	100% {left:0px; top:0px;}
}
@keyframes move{
	0%   {left:0px; top:0px;}
	50%  {left:-100px; top:0px;}
	100% {left:0px; top:0px;}
}