GRID/*------三角桌曆請選擇尺寸----------*/
#DeskCalendarSize div{
	width: 100%;
}
#DeskCalendarSize ul{
	width: 840px;
	padding-left: 60px;
}
#DeskCalendarSize li{
	float:left;
	width:140px;
	height: 160px;
}
#DeskCalendarSize h4{
	text-align: center;
	font-size: 18px;
	color:#000;
	background-color:#E8E8E8;
}
.DCSIZE {
	float: left;
	border-bottom: solid 2px #ccc;
	width:140px;
	height: 140px;
}
#OPENMENU{
	display: none;
}
/*-------------上方LOGO+選單欄----------------*/
#TOP{
	width:960px;
	height:120px;
	margin:0 auto;
	position:relative;
	background-color:#FFF;
	z-index: 2;
}
/*-------------上方選單 LOGO----------------*/
#TOP h1{
	float:left;
	padding-left:30px;
	padding-top:35px;
}

#TOP h1 a{
	display:block;
	width: 250px;
	height: 55px;
	background-image: url("../images/logo.jpg");
	text-indent: -9999px;
}
/*-----電腦版型---------上方選單 第一層----------------*/
#ALLmenu{
	float: right;
}
#ALLmenu>li{
	float: left;
	height: 100px;
}
#ALLmenu>li>a{
	display:block;
	width:120px;
	height:35px;
	background-image:url("../images/icon1.png");
	background-repeat:no-repeat;
	padding-top:75px;
	text-align:center;
	text-decoration:none;
	color:#6d6c6c;
	font-size:0.7em;
	font-weight:bold;
	background-size:50px auto;
	border-bottom:6px solid #fff;

}
/*-------------上方選單 第一層變色----------------*/
#ALLmenu>li>a:hover{
	border-bottom:6px solid #0DD;
	background-color:#F8F8F8;
}

/*---首頁上方選單 第一層 現在位置
#ALLmenu>li:first-child>a{
	border-bottom:6px solid #69c;
	background-color:#F2F2F2;
}---*/

/*-------------上方選單 第一層選單圖標----------------*/
#AA>a{
	background-position:center 20px;
}

#BB>a{
	background-position:center -80px;
}

#CC>a{
	background-position:center -180px;
}

#DD>a{
	background-position:center -280px;
}

#EE>a{
	background-position:center -380px;
}
/*-------------上方選單 第一層選單 保持變色----------------*/
#ALLmenu>li:hover>a{
	border-bottom:6px solid #0DD;
	background-color:#F8F8F8;
}
/*---首頁上方選單 第二層 打開---*/
#ALLmenu>li:hover ul{
	display: block;
	}
/*---首頁上方選單 第二層---*/
#ALLmenu>li ul{
	display: none;
	width: 120px;
	height: auto;
	background-color:#eee;
	box-shadow:0px 3px 10px #666;
	}	
/*---首頁上方選單 第二層選單---*/
.Tmenu li{
	text-align:center;
	line-height: 40px;
	width: 120px;
	height: 40px;
	font-size:0.7em;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.Tmenu li a{
	display: block;
	text-decoration:none;
	font-size:0.7em;
	font-weight:bold;
	color:#000;
	width: 120px;
	height: 40px;
	border-bottom:1px solid #ccc;
}
/*---首頁上方選單 第二層選單變色---*/
.Tmenu li a:hover{
	display:block;
	color:#000;
	background-color:#fff;
	border:1px solid #6d6c6c;
}
#SUBMENU{
	position:absolute;
	margin-top:330px;
	left:50%;
	margin-left:-480px;
	display:block;
	width:960px;
	height:50px;
	}
	#SUBMENU ul{
		display:block;
		margin-left:80px;
		
		}
	#SUBMENU li{
		float:left;
		width:100px;
		height:30px;
		background-color:#EFEFEF;
		margin-bottom:5px;
		border:#FFF 1px solid;
		text-align:center;
		}
	#SUBMENU li:hover{
		background-color:#FFF;
		border:#CCC 1px solid;
		}
	#SUBMENU a{
		padding-top:10px;
		font-size:18px;
		color:#999;
		line-height:30px;
		text-align:center;
		text-decoration:none;
		}
	#SUBMENU a:hover{
		color:#686B91;
		}
/* --電腦版型-------頁腳--------------------------- */

#CONTENT-2{
	clear:both;
	width:960px;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:20px;
	background-color:#333;
	overflow:hidden;
}

#CONTENT-2 .BOX{
	float:left;
	width:130px;
	margin-left:50px;
}
#CONTENT-2 .BOX1{
	float:left;
	width:230px;
	margin-left:50px;
}
/*---li前的點點---
#CONTENT-2 .BOX ul li{
	background-image:url(../calendar1/images/arrow_02.png);
	background-repeat:no-repeat;
	background-size:10px auto;
	padding-left:15px;
	}*/

#CONTENT-2 h3{
	font-family: "Microsoft JhengHei UI", "Arial Unicode MS", "微軟正黑體";
	color:#fff;
	padding-bottom:20px;
	text-align:left;
	}
h3#FOODLOGO a{
	height:45px;
	}
#CONTENT-2 .BOX1 a{
	width:250px;
	}
#CONTENT-2 a{
	display:block;
	width:130px;
	height:25px;
	font-size:0.8em;
	line-height:1.5;
	color:#999;
	text-decoration:none;
	/*border-bottom:1px dashed #999999; 下方的虛線分隔*/
/*---多出去的字用...顯示----*/
	overflow:hidden;
	white-space: nowrap;    /*文字不換行*/
	text-overflow: ellipsis;
}
#CONTENT-2 a:hover{
	color:#FFF;
}
#DOWN{
	clear:both;
	width:960px;
	height:50px;
	margin:0 auto;
	padding-top:5px;
	background-color:#000;
	border-top:5px solid #DDD;
}

#DOWN p{
	margin-left:50px;
	font-size: 0.7em;
	text-align: left;
	line-height: 2;
	color: #FFF;
}
#DOWN a{
	color:orange;
	text-decoration:none;
	}
#DOWN a:hover{
	color:#fff;
	}
.MOBLEMENU li{
	display:none;
	}
#EDM {
	text-align:center;
	}

@media screen and ( max-width:736px) {
	
	#OPENMENU{
	display:block;
}
/*---上方LOGO+選單欄 手機---*/
#TOP{
	width:100%;
	height:100%;
	margin:0 auto;
	background-color:#FFF;
}
/*---上方選單 LOGO-手機版---*/
#TOP h1{
	float:none;
	padding:0;	
	width:100%;
	height:40px;
	background-color:#554236;
	line-height:40px;
	
	position:fixed;
	top:0;
	z-index:999;
	text-align:center;
	
}
#TOP h1 a{
	font-size:1.5em;
	display:inline;
	background-image: none;
	text-indent: 0;
	text-decoration:none;
	color:#FFF;
}
/* --手機版型-------上方選單------------------------------ */
#ALLmenu{
	display:none;
	float:none;
	padding:0;
	width: 100%;
	height: 60px;
	background-color:#554236;
	position:fixed;
	bottom:0;
	z-index:888;	
}

#ALLmenu>li{
	float:left;
	width:20%;
	height: 60px;
}

#ALLmenu>li a{
	display:block;
	width:100%;
	height:60px;
	background-image:url(../../calendar3/images/icon2.png);
	background-repeat:no-repeat;
	padding-top:20px;
	text-align:center;
	text-decoration:none;
	color:#FFF;
	font-size:0.7em;
	font-weight:bold;
	background-size:50px auto;
	border-bottom:6px solid #554236;
}

#ALLmenu>li a:hover{
	border-bottom:none;
	background-color:#554236;
}

#ALLmenu>li:first-child a{
	border-bottom:none;
	background-color:#554236;
}

#AA a{
	border-bottom:none;
	background-color:#554236;
	background-position:center 5px;
}

#BB a{
	background-position:center -95px;
}

#CC a{
	background-position:center -195px;
}

#DD a{
	background-position:center -295px;
}

#EE a{
	background-position:center -395px;
}
.Tmenu{
	display:none;
	}
/*--*/
#SUBMENU{
	width: 210px;
	height:310px;
	background: rgba(0,0,0,0.3);
	padding-bottom: 15px;
	position:fixed;
	top: 40px;
	left: 3px;
	display:none;
	z-index: 99999;
	margin:0 auto;
}

#SUBMENU ul{
	margin:0 auto;
	padding:25px 10px 10px 13px;
}

#SUBMENU li{
	height:35px;
	width:180px;
	font-size:0.85em;
	display:block;
	line-height:40px;
	text-align:center;
	text-justify:inter-word;
	color:#000;
	text-decoration:none;
	margin-bottom:-1px;
	font-weight:bold;
}
#SUBMENU li:hover{
	color:#00F;}
/*------三角桌曆請選擇尺寸----------*/
#DeskCalendarSize{
	width: 100%;
	float: left;
}
#DeskCalendarSize ul{
	float: left;
	width: 100%;
	padding-left: 30px;
}
	
/* --手機版型-------頁腳------------------------------ */
#CONTENT-2{
	clear:both;
	width:100%;
	margin:0 auto;
	padding-top:30px;
	padding-bottom:20px;
	overflow:hidden;
}
#CONTENT-2 .BOX1{
	float:none;
	width:90%;
	margin:0 auto;
	border-bottom:15px;
}
#CONTENT-2 .BOX1 a{
	width:100%;
	}
#CONTENT-2 .BOX{
	float:none;
	width:90%;
	margin:0 auto;
	padding-bottom:15px;
}

#CONTENT-2 h3{
	height:60px;
	font-size:1.2em;
	line-height:5;
	text-align:center;
}

#CONTENT-2 a{
	display:block;
	width:100%;
	height:40px;
	font-size:1em;
	line-height:2.3;
	text-decoration:none;
	overflow:hidden;
	text-align:center;
	padding-top:15px;}

#DOWN{
	clear:both;
	width:100%;
	height:40px;
	margin:0 auto;
	padding-top:5px;
	border-top:5px solid #DDD;
	padding-bottom:110px;
}

#DOWN p{
	font-size:0.7em;
	text-align:center;
	line-height:2;
	color:#FFF;
}
/*-------手機版底部選單-------*/
.MOBLEMENU ul{
	position: fixed;
	width: 100%;
	height: auto;
	bottom: 0px;
	background-color: #554236;
	list-style:none;
	}
.MOBLEMENU li{
	display: block;
	float:left;
	width:33.3%;
	height:35px;
	z-index:999;
	border: 1px solid #7A7A7A;
	text-align:center;
	}
.MOBLEMENU a{
	width:100%;
	line-height:35px;
	color:#fff;
	font-family:"Microsoft JhengHei UI", "Arial Unicode MS", "微軟正黑體";
	font-size:16px;
	text-decoration:none;
	display:block;
	}
	
#EDM {
	width:100%;
	}
}